Skip to main content

export_tokens

Exports design tokens from a specific mode in your chosen format (JSON, CSS, iOS, Android).

Tool Schema

Parameters

Response

Supported Formats

JSON (W3C)

W3C Design Tokens format:

CSS

CSS Custom Properties:

iOS (Swift)

Swift UIColor and CGFloat:

Android (XML)

XML Resources:

Example Usage

Export CSS

Saved as: tokens-light.css
You: Export the Colors tokenset in both CSS and JSON formats for the Light mode
Claude: [Exports both formats and displays them]
You: Export the Colors tokenset in CSS for both Light and Dark modes
Claude: [Exports Light mode] [Exports Dark mode] Created:
  • tokens-light.css (50 tokens)
  • tokens-dark.css (50 tokens)
You: I need the design tokens as CSS for my web project
You: Export all tokens as JSON so I can generate documentation
You: Give me the iOS Swift file for the Light mode tokens
You: Export tokens for both iOS and Android