Figma Design System: 08 Type Variables
11.4K views · 2024-07-07
UI Design
Hello everyone, and welcome to the eight episode in a series where we create a Design System in Figma called FDS.
In this episode, we’ll be updating our type styles with type variables. 🤟.
// Chapters
0:00 Intro
0:35 What are Type Variables?
2:17 Global Unit and Primitive Type Variables
3:31 Semantic Type Variables
5:12 Applying Type Variables to Text Styles
6:01 Using Type Variables and switching modes
8:37 Outro
// FDS Libraries
Download the Figma files I use in this series here:
https://drive.google.com/drive/folders/1YXUHhWJ7NL1xSh_7lDI-QRp1GOw7V7Yo?usp=sharing
// Software used
https://www.figma.com/
// For updates, follow me on
Twitter: https://twitter.com/deanemachine
#figma #designsystem #typevariables
In this episode, we’ll be updating our type styles with type variables. 🤟.
// Chapters
0:00 Intro
0:35 What are Type Variables?
2:17 Global Unit and Primitive Type Variables
3:31 Semantic Type Variables
5:12 Applying Type Variables to Text Styles
6:01 Using Type Variables and switching modes
8:37 Outro
// FDS Libraries
Download the Figma files I use in this series here:
https://drive.google.com/drive/folders/1YXUHhWJ7NL1xSh_7lDI-QRp1GOw7V7Yo?usp=sharing
// Software used
https://www.figma.com/
// For updates, follow me on
Twitter: https://twitter.com/deanemachine
#figma #designsystem #typevariables