Design from Scratch Ep. 16: Defining Typography Styles pt1 | #Figma #UIUX #StyleGuide #Typography

Image credit Pexels.com - Kévin Dorg Website: http://designwithmitch.com Video Chapters: 0:00 Intro 0:13 Setting up a new page for typography styles 0:30 Figma plugin tip – Quick overview of the Typescales plugin and how to use it. 1:02 Reviewing the typescale for this project. 1:58 AI feedback & the 8pt Grid 2:57 From text styles to variables – Comparing old methods vs. using variables. 3:33 Creating base unit variables 4:15 Building base variables – Speed-up section 4:43 Creating a new typography variables collection 5:00 Creating font family variables 5:38 Creating font weight variables 7:03 Creating line height variables 9:15 The benefit of base unit variables 9:53 Creating font size variables 11:29 Adding font sizes – Speed-up section 12:22 Reviewing the completed font sizes 13:16 Customizing where to see certain variables in Figma 16:08 Outro – Part 2 of this video is coming next week