Glossary · Brand

What is
Design Tokens?

Named, semantic values for design properties — colors, spacing, typography — shared across platforms.

By Anish· Founder · Vedwix
·

Definition

Design tokens are the smallest atomic units of a design system: a color value, a font size, a border radius. They're defined once and referenced by name everywhere they're used. The result: a single change updates the entire system, and the same tokens can be exported to web, iOS, Android, and Figma.

Example

"--color-brand-primary: #7A8B5C" is a design token; "background: green" is not.

How Vedwix uses Design Tokens in client work

Standard from day one. Tokens are documented and exported to Figma + code.

Building with Design Tokens?

We ship this.

If you're building with Design Tokens in production, we can help — from architecture review to full implementation.

Brief us

Working on a Design Tokens project?

Brief Vedwix in three sentences or fewer.

Start a project