Figma for Edu: Working with typography systems

In this workshop we will explore how to build consistent and scalable design systems using typography, variables, and modes in Figma. We will cover how to define and apply type styles, set up variables, and use modes to manage themes like light and dark across your designs.

Get the workshop file here: https://www.figma.com/community/file/1685375851891881102

00:00 Introduction
00:50 Typographic scale
05:10 Example of typographic styles, variables, modes
09:10 Breakdown of typographic variables
11:03 Creating variables
26:26 Creating typographic styles
29:52 Swapping variable modes
40:11 Using the agent with variables and type
43:13 Making a plugin to support your workflow
52:16 Q+A
____________________________________________________

Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/

Trademarks owned by their respective owners