> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tokencraft.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Welcome to Tokencraft - Design tokens management made simple

# 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.

```json theme={null}
{
  "color": {
    "primary": {
      "500": {
        "value": "#3b82f6",
        "type": "color",
        "description": "Primary brand color"
      }
    }
  }
}
```

## Key Features

<CardGroup cols={2}>
  <Card title="Multi-mode Support" icon="moon" href="/concepts/modes">
    Create multiple modes (light, dark, etc.) for your design tokens
  </Card>

  <Card title="REST API" icon="plug" href="/api-reference/introduction">
    Full-featured REST API for integration with any platform
  </Card>

  <Card title="MCP Server" icon="robot" href="/mcp/introduction">
    Model Context Protocol integration for AI assistants like Claude
  </Card>

  <Card title="Multi-format Export" icon="file-export" href="/api-reference/export/mode">
    Export to CSS, JSON, iOS, Android, and more
  </Card>
</CardGroup>

## Quick Example

Here's how easy it is to get your design tokens:

<CodeGroup>
  ```bash cURL theme={null}
  curl -H "Authorization: Bearer YOUR_TOKEN" \
    https://app.tokencraft.dev/api/v1/workspaces
  ```

  ```javascript JavaScript theme={null}
  const response = await fetch('https://app.tokencraft.dev/api/v1/workspaces', {
    headers: {
      'Authorization': 'Bearer YOUR_TOKEN'
    }
  });
  const data = await response.json();
  ```

  ```python Python theme={null}
  import requests

  response = requests.get(
      'https://app.tokencraft.dev/api/v1/workspaces',
      headers={'Authorization': 'Bearer YOUR_TOKEN'}
  )
  data = response.json()
  ```
</CodeGroup>

## 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

<CardGroup cols={2}>
  <Card title="Quickstart Guide" icon="rocket" href="/quickstart">
    Get up and running in 5 minutes
  </Card>

  <Card title="API Reference" icon="book" href="/api-reference/introduction">
    Explore the full REST API
  </Card>

  <Card title="MCP Server" icon="robot" href="/mcp/introduction">
    Integrate with Claude Desktop
  </Card>

  <Card title="Examples" icon="code" href="/integrations/github-actions">
    See integration examples
  </Card>
</CardGroup>