Token Naming

About this plugin

Token Naming helps designers and developers create consistent, structured design token names following your team's naming convention.

Key Features:

🏗️ Structured Token Builder — Compose token names by selecting from predefined categories: Prefix, Type, Role, Component, Variants, Target, and Status.

⚡ One-Click Generation — Instantly create Figma Variables from your composed token name.

📁 Auto Collection Management — Variables are automatically organized into collections based on token type (ref, sys, comp, etc.).

🔄 Flexible Separator — Switch between / or - as your token separator.

💾 Import/Export Config — Save and share your token naming configuration with your team.

🎨 Multiple Variable Types — Support for Color, Number, String, and Boolean variables.

Perfect for:

Design system teams building consistent token naming conventions

Designers who want to quickly generate Figma Variables

Teams transitioning from design tokens to Figma Variables

Stop naming tokens manually. Build, preview, and generate — all in one place.