30 Days of Figma | Type Systems

Thandiwe Tembo
1 min readSep 3, 2022

--

TLDR | This lesson was about the type scale and system of a design system, showing how to use type-scale.com to get a standardized type scale and also how to make type system elements

Review | The videos for this lesson were Figma Tutorial: Create the Perfect Typography Scale for UI & Web Projects (IN 10 MINUTES) — Part 1 and Create a Figma Design System — Type Style Tutorial (Part 3) and by Mizko on Youtube. The first video went into creating a standard type scale system and adjusting it to fit in an 8-pt grid and the second video went into creating a standardized type system, similar to the type system from the day before.

Reflection | Using type-scale.com was new for me and something I'm glad I found. It made making a standardized system so much quicker. This also made me think of some of the other elements of type within an interface I hadn’t previously thought to standardize like footers and caption. Overall another good refresher lesson!

--

--

Thandiwe Tembo

Designer passionate about creating accessible, inclusive, & impactful digital products that elevate the human experience