Prepare for Figma Text Variables: Start Building Your Type Scales Correctly

Опубликовано: 27 Октябрь 2024
на канале: UI Collective
21,023
453

Figma text variables are estimated to be on their way this year. So, in this lesson, unlock the secrets to perfect typography scales/typography styles for your design system in Figma, so you can build the perfect text variables when released! 🎨

*Please note that line height can also follow the 4px grid, and the lo-fi mockup illustrating the combination of display and H tags is just for illustration purposes.

Build a community profile + join the community: https://www.uicollective.co/
Resource library: https://resources.uicollective.co/
Request a design system audit: https://www.uicollective.co/design-sy...

Our Figma Plugin: https://www.figma.com/community/plugi...

0:00 An Introduction
0:24 Types of Text Sizes
2:43 What Text Sizes are Accessible?
4:35 Using TypeScales
7:10 Building a Type Scale