Design System Bootcamp

4.8

(97 ratings)

Β·

5 Weeks

Β·

Cohort-based Course

5-week Bootcamp to build a design system & become a Figma expert.

This course is popular

13 people enrolled last week.

Course overview

Gain the skills & confidence to build a design system in Figma.

Whether you build a design system for your product or just for practice. You'll become an expert in Figma's most advanced features and workflows.


More than a live workshop!

πŸ’ͺ Bite-sized independent projects

πŸ“Ί Demo videos & resources

πŸ‘‹ Live office hours

πŸ‘―β€β™€οΈ Community chat & support

Who I made this course for

01

Intermediate designers ready to build their first design system or start contributing to an existing one.

02

Design teams looking to take their design system to the next level or transition from another tool.

03

Non-designers and career switchers who want to turbo boost their Figma skills and gain a deeper understanding of design systems.

Key outcomes

Figma Design System!

By the end of this bootcamp you will have built an entire design system in Figma. One with expertly designed styles, components, and workflows that are ready for anything!

Master advanced Figma features

Learn exactly when and how to use Figma's most advanced features like variables (NEW), auto layout, variants, and properties.

Find a workflow that suits your needs

Learn the benefits of using different Figma workflows and how they can best serve your product & team.

Connect with other designers

Learn and build alongside a cohort of fellow designers. Sharing feedback, holding each other accountable, and forming lasting relationships.

Course syllabus

10 live sessions β€’ 13 modules β€’ 95 lessons β€’ 18 projects
Expand all modules
  • Week 1

    Jan 8β€”Jan 14

    Events

    • Jan

      10

      ✨πŸ₯Ύ DSB Meet & Greet

      Wed, Jan 10, 12:00 AM - 12:30 AM UTC

    • Jan

      11

      ✨πŸ₯Ύ Q&A Session 1

      Thu, Jan 11, 4:00 PM - 5:00 PM UTC

    Modules

    • File Structure

      ~1.5hr to complete | Learn about different file structures and determine the best strategy for the design system you will be building over the next 5 weeks.

    • Color Palette

      ~2.5hr to complete | Learn how to build a practical & accessible color palette.

    • Intro to Variables & Tokens

      ~1.5hr to complete | Learn about Figma's newest feature, variables! And how they make tokenizing your design system possible. We'll start using them in the next module.

  • Week 2

    Jan 15β€”Jan 21

    Events

    • Jan

      17

      ✨πŸ₯Ύ Q&A Session 2

      Wed, Jan 17, 12:00 AM - 1:00 AM UTC

    • Jan

      18

      ✨πŸ₯Ύ Q&A Session 3

      Thu, Jan 18, 4:00 PM - 5:00 PM UTC

    Modules

    • Color Variables & Styles

      ~2.5hr to complete | Learn how to add color variables and styles with the palette you created.

    • Typography Styles

      ~1hr to complete | Learn how to build a practical set of typography styles.

    • Number Variables & Grids

      ~1hr to complete | Learn how to add number variables for spacing, sizing, and corner radius.

    • Icon Library

      ~1hr to complete | Learn how to add, prepare, and componentize icons.

  • Week 3

    Jan 22β€”Jan 28

    Events

    • Jan

      24

      ✨πŸ₯Ύ Q&A Session 4

      Wed, Jan 24, 12:00 AM - 1:00 AM UTC

    • Jan

      25

      ✨πŸ₯Ύ Q&A Session 5

      Thu, Jan 25, 4:00 PM - 5:00 PM UTC

    Modules

    • Components 101

      ~1hr to complete | Learn how to use auto layout, constraints, components, variants & properties

    • Simple Components

      ~4hr to complete | Learn how to build 3 simple components using auto layout, variants & properties.

  • Week 4

    Jan 29β€”Feb 4

    Events

    • Jan

      31

      ✨πŸ₯Ύ Q&A Session 6

      Wed, Jan 31, 12:00 AM - 1:00 AM UTC

    • Feb

      1

      ✨πŸ₯Ύ Q&A Session 7

      Thu, Feb 1, 4:00 PM - 5:00 PM UTC

    Modules

    • Components 201

      ~30min to complete | Learn about advanced component concepts.

    • Advanced Components

      ~4hr to complete | Learn how to build 3 advanced components using atomic, nested instances.

  • Week 5

    Feb 5β€”Feb 10

    Events

    • Feb

      7

      ✨πŸ₯Ύ Q&A Session 8

      Wed, Feb 7, 12:00 AM - 1:00 AM UTC

    • Feb

      8

      ✨πŸ₯Ύ Q&A Session 9

      Thu, Feb 8, 4:00 PM - 5:00 PM UTC

    Modules

    • Free Build

      Create 2-6 new components specific to the needs of your product or the skills you want to practice.

    • Documentation, Governance & Scalability

      Determine the best way to document and organize your new design system!

4.8

(97 ratings)

What students are saying

A pattern of wavy dots

Self-taught shouldn't be the standard.


Designers need training to develop a shared understanding of best practices and keep up with new Figma features.

Hear from past students

A pattern of wavy dots
Join an upcoming cohort

Design System Bootcamp

Cohort 5

$995 USD

Dates

Jan 8β€”Feb 10, 2024

Payment Deadline

Jan 14, 2024

|

Bulk purchases

Meet your instructor

Molly Hellmuth

Molly Hellmuth

Creator of UI Prep

Hey, I'm Molly! πŸ‘‹ The creator of UI Prep. A Figma design resource that has 100K+ UI kit downloads and creates custom-built design systems for a wide range of companies. I've also trained designers and design teams from amazing companies like Adobe, Microsoft, Square, Atlassian, Gusto, and Open Table.

A pattern of wavy dots
Join an upcoming cohort

Design System Bootcamp

Cohort 5

$995 USD

Dates

Jan 8β€”Feb 10, 2024

Payment Deadline

Jan 14, 2024

|

Bulk purchases

Course Schedule

~6 hours per week
  • Self-paced lessons

    2hr per week

    1-2 modules per week with lessons walking you through the process of building a full design system in Figma. Each one with recorded demo videos & additional resources to help you complete the next project.

  • Bite-sized projects

    2hr per week

    Build a full design system by completing a series of bite-sized independent projects. For example, "Create scalable color styles" and "Build a button component set using auto layout, variants, and properties".

  • Q&A with Molly

    2hr per week

    Two 1hr live Q&A calls with Molly and the rest of the cohort to answer questions and dive deeper into that week's projects.

    πŸ•“ Tuesdays @ 4pm PST

    πŸ•˜ Thursdays @ 8am PST

A pattern of wavy dots
Join an upcoming cohort

Design System Bootcamp

Cohort 5

$995 USD

Dates

Jan 8β€”Feb 10, 2024

Payment Deadline

Jan 14, 2024

|

Bulk purchases

Learning is better with cohorts

Learning is better with cohorts

Project-based learning

Complete projects independently, then share your progress, ask questions, and compare notes with the rest of the cohort.

Ask Molly anything!

Get feedback directly from Molly when you submit projects and join office hour calls.

Learn with a cohort of peers

Join a community of like-minded people who want to learn and grow alongside you.

Frequently Asked Questions

What is the expected time commitment?
Are there team discounts?
Do you offer private cohorts for teams?
Is financial aid available?
Can I expense this course to my company?
What happens if I can’t make a live session?
What’s the refund policy?
How long do IΒ have access to the course materials?
A pattern of wavy dots
Join an upcoming cohort

Design System Bootcamp

Cohort 5

$995 USD

Dates

Jan 8β€”Feb 10, 2024

Payment Deadline

Jan 14, 2024

|

Bulk purchases

Stay in the loop

Sign up to be the first to know about course updates.

$995 USD

4.8

(97)

Β·

5 Weeks