Figma Type Variables (Part 1/4) – Setting Up Primitives & Type Scales | Build A Design System скачать в хорошем качестве

Figma Type Variables (Part 1/4) – Setting Up Primitives & Type Scales | Build A Design System

Let’s talk about Type Variables. In this video, I’ll walk you through how to set up type primitives—the foundation of a solid typography system. Whether you’re working on a single project or want to build something scalable for future use, this approach will save you time (and if you're a freelancer, make you more money). We’ll cover: How to set up Type Primitives for a structured, flexible system Why Variable Fonts are game-changers (with Google Fonts as an example) How to use a Type Scale (I’m using Google Material 2’s framework but you can use any as long as you're consistent) Why documenting as you go is the smartest way to build a system (something I’ve been pushing since Video 1) 00:00 - Intro 02:03 - Analysing Type from Brand Guidelines/Design Files 03:05 - How Many Fonts Should You Select? 03:45 - Understand the Different Figma Variable Types 07:20 - Setting Up Type Primitives Part 1 12:00 - Understanding Variable Fonts 15:05 - Setting Up Type Primitives Part 2 15:45 - Understanding Applying Creative Licence 17:30 - Setting Up Spacing and Sizing Variables Part 1 18:28 - Understanding Type Scales 22:38 - Setting Up Spacing and Sizing Variables Part 2 27:50 - Setting Up Type Scale Introduction Google Material 2 Type Scale - https://m2.material.io/design/typogra... The next tutorial (out next Tuesday) in the Figma Design System series will be setting up our Figma Type Scale. Watch now on my Patreon here 👉🏿 https://www.patreon.com/posts/figma-t... Subscribe to my Patreon for early access to Figma tutorials and more! Get instant access to ALL THREE videos on Figma type Variables, plus future in-depth tutorials from my Figma Design System series—before they go live on YouTube! Join here 👉   / 1326046   #Figma #TypeTokens #UIDesign #Typography #FigmaDesignSystem #AtomicDesign #uxdesign