MCP For Claude Marketplace
Design Token Transformer

Design Token Transformer MCP Connector for Claude

B

Convert, resolve, and generate multi-platform design tokens (JSON, CSS, SCSS, Tailwind, etc.).

0 tools Official Updated Oct 1, 2026 Official Vinkius Partner
More Details Connect to Claude

A specialized utility for converting, resolving, and generating multi-platform design tokens across various CSS, mobile, and design tool formats. Use transform_tokens to convert between syntaxes like JSON and Tailwind while resolving all internal aliases to their primitive values. Use generate_dark_mode_tokens to create dark mode themes by adjusting OKLCH lightness for visual consistency. Additionally, use generate_color_scale to produce a complete 50-950 color weight scale from three anchor colors.

Available Tools

your_tool_name

design-tokenscsstailwindscssandroidiosfigma

0 tools expose this connector's capabilities to your AI agent.

See how to talk to your AI agent using Design Token Transformer.

Convert these JSON tokens to CSS: {"color": {"primary": "#007bff"}}

:root { --color-primary: #007bff; }

Generate a color scale using #f8f9fa, #6c757d, and #212529 as anchors.

{"50": "#f8f9fa", "100": "#f1f3f5", "200": "#e9ecef", "300": "#dee2e6", "400": "#ced4da", "500": "#adb5bd", "600": "#6c757d", "700": "#495057", "800": "#343a40", "900": "#212529", "950": "#1a1d20"}

Generate dark mode tokens from this JSON: {"color": {"primary": "#007bff"}}

{"color": {"primary": "#004a99"}}

Use the `transform_tokens` tool, specifying 'json' as your `sourceFormat` and 'tailwind' as your `targetFormat`. Tools available: `your_tool_name`.

Related Connectors

Abyssale

Abyssale MCP

4 tools Official

Automated creative production — generate dynamic images, banners, and personalized visuals via AI.

A+ View details →
Design Pickle

Design Pickle MCP

10 tools Official

Equip your AI agent to manage graphic design requests, track brand profiles, and monitor your production queue via the Design Pickle API.

A+ View details →
Keyword Density Analyzer

Keyword Density Analyzer MCP

0 tools Official

Calculate keyword frequency, density percentage, and spatial distribution in text to optimize SEO content.

B View details →
Flash Power Calculator

Flash Power Calculator MCP

0 tools Official

Calculate aperture, flash power levels, and motion freeze potential.

B View details →