What designers love about the course

Reflected a realistic workflow
"Appreciated that it reflected a realistic workflow - some of the order of operations represent what I work through in my job, NOT a polished linear “YouTube” or bootcamp experience and I loved that."

Mercedes Mack

UX Designer, Fuzzy Math

Practical steps to tackle problems
"It provides practical steps to tackle all of the problems when setting up, maintaining, and implementing a healthy, evolving design system."

Clint McManaman

Interim Head of Design, UnitedMasters

Complete end-to-end resource
"Whether one is starting from zero or somewhere in between, I liked how clearly the material was presented and having access to real resources."

Ryan Tauss

Design Manager, Bestow Life Insurance

Why listen to us?

Credentials that speak for themselves

While we don't like to brag, it's important to share what makes our work stand out from the rest.

6.5K

Downloads in Figma Community

Our UI Kit is a favorite in the Figma community, and for good reason. With its high-quality design elements and customizable features, it's the perfect starting point for any designer.

100

Hours of design mentorship

Our design teachers have dedicated over 100 hours into mentorship and education on platforms like Dribbble and ADPlist. This video course will tap into this wealth of experience and expertise.

30

Happy clients using our approach

With the principles in this course, we've developed a powerful design system kit called Shipwright that we use to jumpstart the design system process with clients.

Benefits

Gain control of the process

With our video course, you'll learn how to create a system that works for you—not against you.

Create consistency

Use atomic design principles to set up your design system with consistent naming conventions.

Leverage systems

Build components with a systematic approach using concepts like bulk edits and “replace me.”

Improve hand-offs

Document and manage your design system for better hand-offs to the development team.

Who Is It for?

You're alone or on a small design team that collaborates with a lot of developers

You’re struggling to keep up with the ever-changing demands of adding new feature sets

You don’t have the time to scour the internet to keep up with evolving industry standards

You're comfortable working in Figma but want to leverage the power of design systems

Super-charge your design workflow with our design system course

preview image of the figma design system course experience

What you’re getting

01

Design System Foundations

Why Design Systems?
Understanding Atomic Design
Sessions & Workshops to Run Before Starting a System
Abstracting Your Design System
Accessibility in Design Systems
Pitching a Design System to Stakeholders
Spring '23
Setting Up Your Files
Spring '23
02

Establishing Building Blocks

Establishing a Naming Convention
What are Design Tokens?
Establishing Type Tokens
Establishing Color Tokens
03

Component Architecture

Component Properties
Base / Bulk Edit Components
Slot or Replace Me Components
Complex Components
Block Based Systems
Spring '23
04

Documentation and Maintenance

Pattern Specific Documentation
Coordinating with Developer Handoff
Creating a Design System Governance Model
Advanced Design System Documentation
Measuring the Success of Your System
Spring '23
We've seen it all

Learn from our collective experiences

The course wasn't created by just one designer. The entire design team at Headway is working together to share the best ways to craft design systems that meet your unique needs.

Billy Sweetman

Head of Design

Kady Jesko

Senior Product Designer

Breanna Clemens

Design Lead

Melissa Gallagher

Senior Product Designer

Damiano Redemagni

Senior Product Designer

Riley Hennigh

Product Designer

Taran Singh

Product Designer

Sam Pecard

Senior Product Designer

Start building better design systems today

early access pricing

Save a few bucks and get a jump start. With our design system video course, you'll have all the tools you need to improve your design workflow. For a limited time get early access pricing.

$299

$199

Sign up now for early access pricing.
20+ videos with Figma resources and guides with more coming soon!

Grab our "Can I expense this?" template!
example of a product team using the design system in Figma

FREE FIGMA UI KIT AND DESIGN SYSTEM

Sign up for our design newsletter to access and experience the design system we use in the course!

By submitting this form you agree to receive marketing emails and communications from the Headway design team.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.