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:
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: https://www.youtube.com/channel/UCTGmiyXawbVmFJjpiYSw0Gw
⭐️ 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:22) Dividers
???? Thanks to our Champion and Sponsor supporters:
???? Wong Voon jinq
???? hexploitation
???? Katia Moran
???? BlckPhantom
???? Nick Raker
???? Otis Morgan
???? DeezMaster
???? Treehouse
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
