Design Token Kit

Introduction

Designer Guide: Preparing Tokens in Figma

The legacy Figma plugin guide, kept for existing links and anchors.

Designer Guide: Preparing Tokens in Figma

This URL is kept for existing links from the plugin and older documentation. The Figma plugin documentation now has a dedicated section:

The anchors below are compatibility links for plugin check cards and older bookmarks.

Legacy token-check anchors

Non-standard layer names

See Non-standard layer names.

Invalid layer references

See Invalid layer references.

raw-value-usage

See Raw values stay in primitive tokens.

bad-reference

See No broken token references.

component-isolation

See Component tokens stay independent.

type-mismatch

See Token aliases keep their type.

gradient-duplicate-stop

See Gradient stops are unambiguous.

empty-group

See Token groups are not empty.

missing-description

See Tokens have descriptions.

bad-tailwind-namespace

See Tailwind namespaces are valid.

bad-rem-base

See The rem base is valid.

Token data could not be checked

See Token data could not be checked.

Legacy design-audit anchors

Text contrast

See Text contrast - WCAG 1.4.3.

Text size

See Core text-size readability rule.

Line height

See Core body line-height readability rule.

Hard-coded values

See Hard-coded colors, hard-coded spacing and radii, and unbound font sizes.

Primitive bindings

See Direct primitive bindings.

Accessibility manual review

See Contrast needs manual review.