Learn how to build a design system in Figma. By the end of this course you will become a master of building design systems in Figma and understanding master components.
✏️ Course developed by Tim Sullivan. Check out his channel:
🔗 Tim’s website:
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:03:03) Creating a Color System
⌨️ (0:22:23) Building a Type System in Figma
⌨️ (0:35:16) Elevation
⌨️ (0:57:33) Product & System Icons
⌨️ (1:11:26) Text Legibility
⌨️ (1:30:58) States
⌨️ (1:50:53) Selection (Interaction)
⌨️ (1:55:02) Understanding Layout
⌨️ (2:04:15) Pixel Density
⌨️ (2:12:05) Spacing Methods
⌨️ (2:24:19) Responsive Grid Layout
⌨️ (2:48:59) App Bar - Bottom
⌨️ (3:07:55) App Bar - Top
⌨️ (3:22:37) Backdrop
⌨️ (3:41:58) Banners
⌨️ (4:06:45) Bottom Navigation
⌨️ (4:19:15) Buttons - Floating Action Button
⌨️ (4:38:54) Buttons
⌨️ (5:06:04) Cards
⌨️ (5:41:10) Chips
⌨️ (5:58:15) Dialogs
⌨️ (6:28:56) Date Pickers
⌨️ (7:32:
1 view
2295
870
1 month ago 00:08:10 1
AI Agents Will Create MILLIONAIRES in 2025 – Are You Ready
1 month ago 00:04:49 1
Play To Earn🔥This New Play to Earn Game is About to Make a Lot of People RICH
1 month ago 00:02:01 1
Mission: Impossible – The Final Reckoning | Teaser Trailer (2025 Movie) - Tom Cruise
1 month ago 00:06:21 1
Richie Sambora Deep Purple cover When A Blind Man Cries LG — «Momentos»
1 month ago 00:01:00 1
Big Fails 😂😂😂
1 month ago 01:21:24 1
The Dark Exploitation of La Toya Jackson | Full Documentary (4K 2160p) | the detail.
1 month ago 00:21:40 1
La Toya Jackson On Michael’s Allegations | What Changed Her Mind? | the detail.