Let's Build a Design System in Figma

Learn how to build a design system from scratch and become an invaluable designer for your team.

Why Design Systems?

The main purpose of a design system is to create guidelines and components that you can reuse to create more designs, products, and experiences while maintaining consistency. This actually leads to huge savings of your budget otherwise spent on rehiring the same agencies. As well as saving time spent on creating the same components in each product development process.

For the entry level designer

Learning how to use design systems and how they’re implemented will be invaluable for you as you grow as a designer as it will allow for more time solving bigger design problems within the products you build rather than analyzing every pixel.

For the design organization

Having this platform as a documentation resource will not only make your lives easier, but your customers’ lives easier. Understanding design systems improves internal communication resulting in better and faster product development. Good design is a language, and when everyone is speaking the same language, that’s when things get done.

Proven Processes

Learn how design systems are built in the context of serving product designers and a product. What you'll learn is applicable to building products in the real world.

Course curriculum

1. Course Overview
  FREE PREVIEW
1. Auto Layout Overview
2. Understanding Auto Layout
3. App Bar Bottom
4. App Bar Top
5. Banners
6. Bottom Navigation
7. Buttons
8. Floating Action Button
9. Cards
10. Chips
11. Data Tables
12. Date Pickers
13. Dialogs
14. Lists
15. Menus
16. Navigation Drawer
17. Navigation Rail
18. Selection Controls
19. Bottom
20. Side Sheets
21. Snackbars
22. Tabs
23. Text Fields
24. Time Pickers
25. Tooltips
1. Component Properties Overview
2. Understanding Component Properties
3. Buttons
4. Floating Action Button
5. App Bars: Bottom
6. App Bars: Top
7. Bottom Navigation
8. Snackbars
9. Tabs
  FREE PREVIEW
10. Tooltips
11. Dividers
12. Selections Controls (Checkboxes, Radio, Switches)
13. Progress Indicators
14. Navigation Rails
15. Lists
16. Image Lists
17. Banners
18. Menus
19. Backdrop
20. Bottom Sheet
21. Side Sheets
22. Navigation Drawer
23. Chips
24. Text Fields
25. Cards
26. Date Pickers
27. Data Tables
28. Dialogs
29. Time Pickers
1. Intro to States

About this course

$40.00
102 lessons
22 hours of video content

Discover your potential, starting today

Enroll today