The Problem

Most of the design systems tokens are in code JSON files or XML hidden away from designers.

Design tokens are an integral part of any design system. Figma styles are not enough to create all design tokens, Figma support Colors, Typography, Shadows, and grids styles.

Start with Figma styles why stop there! Go all the way to add all and integrated back into Figma properties.

Colors

Spacing

Font Families

Font Sizes

Font Weights

Line Heights

Letter Spacings

Z-Index

Border Radius

Border Widths

Shadows

Opacity

Mostly I am working on the design system with multiple designers, developers, and product managers, to share a single source of tokens is mandatory to create a solid base for the design system.