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.
Foundation Overview
FREE PREVIEWColor: The Color System
FREE PREVIEWColor: Text Legibility
FREE PREVIEWElevation
FREE PREVIEWIconography: Product & System Icons
FREE PREVIEWInteraction: Selection
FREE PREVIEWInteraction: States
FREE PREVIEWLayout: Understanding Layout
FREE PREVIEWLayout: Pixel Density
FREE PREVIEWLayout: Spacing Methods
FREE PREVIEWLayout: Responsive Grid Layout
FREE PREVIEWLayout: Component Behavior
FREE PREVIEWTypography: Understanding Typography
FREE PREVIEWTypography: The Type System
FREE PREVIEWTypography: Organizing & Publishing
FREE PREVIEWComponents Section Overview
FREE PREVIEWBottom Navigation
FREE PREVIEWApp Bar Bottom
FREE PREVIEWApp Bar Top
FREE PREVIEWChips
FREE PREVIEWBackdrop
FREE PREVIEWFloating Action Button
FREE PREVIEWButtons
FREE PREVIEWBanners
FREE PREVIEWData Tables
FREE PREVIEWCards
FREE PREVIEWDate Pickers
FREE PREVIEWDialogs
FREE PREVIEWDividers
FREE PREVIEWImage Lists
FREE PREVIEWLists
FREE PREVIEWMenus
FREE PREVIEWNavigation Drawer
FREE PREVIEWNavigation Rail
FREE PREVIEWProgress Indicators
FREE PREVIEWCheckboxes
FREE PREVIEWRadio
FREE PREVIEWSwitches
FREE PREVIEWSheets Bottom
FREE PREVIEWSide Sheets
FREE PREVIEWSliders
FREE PREVIEWSnackbars
FREE PREVIEWTabs
FREE PREVIEWText Fields
FREE PREVIEWTime Pickers
FREE PREVIEWTooltips
FREE PREVIEWAuto Layout Overview
Understanding Auto Layout
App Bar Bottom
App Bar Top
Banners
Bottom Navigation
Buttons
Floating Action Button
Cards
Chips
Data Tables
Date Pickers
Dialogs
Lists
Menus
Navigation Drawer
Navigation Rail
Selection Controls
Bottom
Side Sheets
Snackbars
Tabs
Text Fields
Time Pickers
Tooltips
Component Properties Overview
Understanding Component Properties
Buttons
Floating Action Button
App Bars: Bottom
App Bars: Top
Bottom Navigation
Snackbars
Tabs
FREE PREVIEWTooltips
Dividers
Selections Controls (Checkboxes, Radio, Switches)
Progress Indicators
Navigation Rails
Lists
Image Lists
Banners
Menus
Backdrop
Bottom Sheet
Side Sheets
Navigation Drawer
Chips
Text Fields
Cards
Date Pickers
Data Tables
Dialogs
Time Pickers
Intro to States