Design from Scratch Ep. 18: Defining Spacing | #Figma #UIUX #DesignSystem #Spacing #Grid #8pt

Image credit Pexels.com - Kévin Dorg

Website: https://www.designwithmitch.com

Video Chapters:

0:00 Intro
0:12 Quick update to typography styles
1:14 Updated typography scale
1:44 Introduction to the 8pt grid system
2:43 Creating a spacing page in Figma
3:23 Recreating the 8pt grid in Figma – sped-up section
4:28 Reviewing the spacing scale we’ve created
5:06 Setting up spacing variables in Figma
6:17 Reviewing spacing variables
7:16 Why consistent spacing is important
7:39 Publishing our changes
8:08 Next steps – what’s coming up in future videos
8:27 Outro