Figma Type Variables | Mobile Responsiveness Like a Pro!
5706 次观看 · 2024-05-29
UI 设计
Building out your Figma type variable library for variables like your text size and line height? Here's a quick refresher on how to build @Figma type variables for desktop, and then transition these variables into sizes for mobile! Boom. Perfect type variables, every time!
Ask your design question: https://uicollective.co/
NEW - Purchase our official design system: https://collectivekit.co/
Request a design system audit: https://www.uicollective.co/design-system-audit
Watch the video on building a type figma variable library: https://www.youtube.com/watch?v=n_YUZF2Hv9g&t=369s
0:00 An Introductoon
0:21 Typescale + desktop type variable refresher
5:44 Avoid this mistake
8:16 Building mobile text size scale
11:29 Building mobile line height scale
15:19 How responsive type variables fit into our library
17:04 Community platform intro!
Ask your design question: https://uicollective.co/
NEW - Purchase our official design system: https://collectivekit.co/
Request a design system audit: https://www.uicollective.co/design-system-audit
Watch the video on building a type figma variable library: https://www.youtube.com/watch?v=n_YUZF2Hv9g&t=369s
0:00 An Introductoon
0:21 Typescale + desktop type variable refresher
5:44 Avoid this mistake
8:16 Building mobile text size scale
11:29 Building mobile line height scale
15:19 How responsive type variables fit into our library
17:04 Community platform intro!