Download PDFMarkdown Version
ClaudeChatGPTPerplexityGeminiMicrosoft CopilotRaycastMeta AIGrokZ.aiQwenKimi
DeepSeekMistralCursorVS CodeWindsurfJetBrainsClineLovableVercel AI SDKLangChain

Use Design Token Transformer with your AI.

Connect your account once and let the AI you already use work with it, without building another integration. Convert, resolve, and generate multi-platform design tokens (JSON, CSS, SCSS, Tailwind, etc.).

Included with plan

Ask AI about this Connector

Developed, maintained, and hosted by Vinkius.

MCP VERIFIED · PRODUCTION READY · VINKIUS GUARANTEED

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Observed, not estimated

586ms average. Fast in production.

Design Token Transformer is checked daily against the live service.

Daily averagePeak 734ms
Aug 20Today
Fastest day
465ms
Slowest day
734ms
14-day trend
Slowing+14%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 0 capabilities arrive ready to run.

Preview access · not provider authentication

The vk_preview_* token belongs to Vinkius preview infrastructure. It lets Claude discover and display the capabilities of Design Token Transformer, so you can see the experience inside your AI.

It does not authenticate your account with Design Token Transformer. Actions requiring credentials or live account data may not run until you activate the Connector and authorize the service.

Design Token Transformer Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_oBt8nkvneLk3QbaoBsY9wQ77Y2B5gxQerVQ48amI/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Design Token Transformer capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "design-token-transformer-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_oBt8nkvneLk3QbaoBsY9wQ77Y2B5gxQerVQ48amI/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Step-by-step instructions for each client are in the guide. How to connect

FAQ

Questions Design Token Transformer owners ask.

  • 01

    How can I convert tokens from JSON to Tailwind?

    Use the transform_tokens capability, specifying 'json' as your sourceFormat and 'tailwind' as your targetFormat. Capabilities available: your_tool_name.

  • 02

    Can this capability handle color aliases?

    Yes, the transform_tokens capability automatically resolves all internal references and aliases to their primitive values during transformation.

  • 03

    How do I generate a dark mode theme?

    Use the generate_dark_mode_tokens capability with your existing light-mode JSON token data. It uses OKLCH lightness inversion for visual consistency.

Explore

More in Developer Tools

Suggestions