Skip to main content

Token Resources

Access design tokens through MCP resources.

Resource URIs

Tokens in a Mode

tokens://{tokenset_id}/{mode_id}
Returns all tokens for a specific mode.

Specific Token

tokens://{tokenset_id}/{mode_id}/{token_name}
Returns a specific token by name.

Example

{
  "tokens": [
    {
      "name": "colors.primary.500",
      "type": "color",
      "value": "#3b82f6",
      "description": "Primary brand color"
    }
  ],
  "total": 50
}

Usage in Claude

Claude automatically reads token resources when analyzing your design system:
You: What colors are defined?

Claude: [Reads tokens:// resource]
        
        Your color tokens include...

See Also