Hosted by
Previously at
This course is popular
14 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.
Design System Bootcamp
Course syllabus
Week 1
Week 1
Jan 8—Jan 14
Events
- Jan
10
✨🥾 DSB Meet & Greet
✨🥾 DSB Meet & Greet
Wed, Jan 10, 12:00 AM - 12:30 AM UTC
- Jan
11
✨🥾 Q&A Session 1
✨🥾 Q&A Session 1
Thu, Jan 11, 4:00 PM - 5:00 PM UTC
Modules
- File StructureFile Structure8 Lessons • 1 Project
~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 PaletteColor Palette8 Lessons • 1 Project
~2.5hr to complete | Learn how to build a practical & accessible color palette.
- Intro to Variables & TokensIntro to Variables & Tokens11 Lessons • 1 Project
~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
Week 2
Jan 15—Jan 21
Events
- Jan
17
✨🥾 Q&A Session 2
✨🥾 Q&A Session 2
Wed, Jan 17, 12:00 AM - 1:00 AM UTC
- Jan
18
✨🥾 Q&A Session 3
✨🥾 Q&A Session 3
Thu, Jan 18, 4:00 PM - 5:00 PM UTC
Modules
- Color Variables & StylesColor Variables & Styles12 Lessons • 1 Project
~2.5hr to complete | Learn how to add color variables and styles with the palette you created.
- Typography StylesTypography Styles3 Lessons • 1 Project
~1hr to complete | Learn how to build a practical set of typography styles.
- Number Variables & GridsNumber Variables & Grids4 Lessons • 1 Project
~1hr to complete | Learn how to add number variables for spacing, sizing, and corner radius.
- Icon LibraryIcon Library4 Lessons • 1 Project
~1hr to complete | Learn how to add, prepare, and componentize icons.
Week 3
Week 3
Jan 22—Jan 28
Events
- Jan
24
✨🥾 Q&A Session 4
✨🥾 Q&A Session 4
Wed, Jan 24, 12:00 AM - 1:00 AM UTC
- Jan
25
✨🥾 Q&A Session 5
✨🥾 Q&A Session 5
Thu, Jan 25, 4:00 PM - 5:00 PM UTC
Modules
- Components 101Components 1016 Lessons
~1hr to complete | Learn how to use auto layout, constraints, components, variants & properties
- Simple ComponentsSimple Components5 Lessons • 3 Projects
~4hr to complete | Learn how to build 3 simple components using auto layout, variants & properties.
Week 4
Week 4
Jan 29—Feb 4
Events
- Jan
31
✨🥾 Q&A Session 6
✨🥾 Q&A Session 6
Wed, Jan 31, 12:00 AM - 1:00 AM UTC
- Feb
1
✨🥾 Q&A Session 7
✨🥾 Q&A Session 7
Thu, Feb 1, 4:00 PM - 5:00 PM UTC
Modules
- Components 201Components 2015 Lessons
~30min to complete | Learn about advanced component concepts.
- Advanced ComponentsAdvanced Components7 Lessons • 5 Projects
~4hr to complete | Learn how to build 3 advanced components using atomic, nested instances.
Week 5
Week 5
Feb 5—Feb 10
Events
- Feb
7
✨🥾 Q&A Session 8
✨🥾 Q&A Session 8
Wed, Feb 7, 12:00 AM - 1:00 AM UTC
- Feb
8
✨🥾 Q&A Session 9
✨🥾 Q&A Session 9
Thu, Feb 8, 4:00 PM - 5:00 PM UTC
Modules
- Free BuildFree Build10 Lessons • 2 Projects
Create 2-6 new components specific to the needs of your product or the skills you want to practice.
- Documentation, Governance & ScalabilityDocumentation, Governance & Scalability12 Lessons • 1 Project
Determine the best way to document and organize your new design system!
4.8
(94 ratings)
What students are saying
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.
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
Join an upcoming cohort
Design System Bootcamp
Cohort 5
$995 USD
Dates
Jan 8—Feb 10, 2024
Payment Deadline
Jan 14, 2024
Meet your instructor
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.
Join an upcoming cohort
Design System Bootcamp
Cohort 5
$995 USD
Dates
Jan 8—Feb 10, 2024
Payment Deadline
Jan 14, 2024
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
Join an upcoming cohort
Design System Bootcamp
Cohort 5
$995 USD
Dates
Jan 8—Feb 10, 2024
Payment Deadline
Jan 14, 2024
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?
Join an upcoming cohort
Design System Bootcamp
Cohort 5
$995 USD
Dates
Jan 8—Feb 10, 2024
Payment Deadline
Jan 14, 2024
Stay in the loop
Sign up to be the first to know about course updates.