Skip to main content

​
Welcome to Tokencraft

Tokencraft is a powerful platform for managing and distributing design tokens across your organization. Whether you’re working on web, mobile, or desktop applications, Tokencraft helps you maintain design consistency at scale.

​
What are Design Tokens?

Design tokens are the visual design atoms of a design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values in order to maintain a scalable and consistent visual system. 
{
  "color": {
    "primary": {
      "500": {
        "value": "#3b82f6",
        "type": "color",
        "description": "Primary brand color"
      }
    }
  }
}

​
Key Features

Multi-mode Support

Create multiple modes (light, dark, etc.) for your design tokens

REST API

Full-featured REST API for integration with any platform

MCP Server

Model Context Protocol integration for AI assistants like Claude

Multi-format Export

Export to CSS, JSON, iOS, Android, and more

​
Quick Example

Here’s how easy it is to get your design tokens: 
curl -H "Authorization: Bearer YOUR_TOKEN" \
  https://app.tokencraft.dev/api/v1/workspaces

​
Use Cases

​
1. CI/CD Integration

Automatically sync design tokens to your codebase on every update.

​
2. Multi-platform Applications

Export tokens in platform-specific formats (CSS, Swift, XML).

​
3. AI-Powered Workflows

Use the MCP server with Claude to query and export tokens via natural language.

​
4. Design Tool Integration

Import tokens into Figma, Sketch, or other design tools.

​
Next Steps

Quickstart Guide

Get up and running in 5 minutes

API Reference

Explore the full REST API

MCP Server

Integrate with Claude Desktop

Examples

See integration examples