The Editor

Open a project to edit your tokens, ask the AI assistant for help, and preview changes.

Choose a tab

Tab	Use it to
Tokens	Edit values, organize groups, and switch themes
Design	Build tokens with guided workflows; requires a plan with AI credits
Code	View your current `design-tokens.json` as read-only JSON

Projects open in Tokens. Use the Theme section to switch between default ($root) and your other themes.

Sparkle: open the AI assistant.
Fullscreen: expand the current panel.
Download: export your tokens as JSON.
Version and Publish: view releases or publish a snapshot, on supported plans.
Preview: show or hide your app's live preview.

Choose Quick Start using MCP for assistant-guided setup, or Manual Setup without MCP to set up your app yourself.

See Live Preview to connect your app to the preview panel.