FIGMA TYPOGRAPHY

Website Design
Content Direction
Animation

Brief

Create a minisite and social assets that announce the launch of Figma's new Variable Fonts integration.

Solution

We needed to be sure that the project explained what variable fonts are, how they’re relevant to product designers, provided examples of them in use, and previewed how they’re used inside the Figma interface.

With the help of the Figma team and a bit of research, we dove into a few ways to visually explain the concepts of variable fonts that relate to product designers (such as grade and optical sizing) and worked them into a website design through motion and interaction.

Figma Typography cover image
Preview of the variable fonts feature within the Figma app vs. our abstracted design