Skip to main content

​
Prerequisites

Before setting up the MCP server, you’ll need a Ditto API token. You can generate one from your developer integrations settings.

​
Claude Code

Run the following command to add the Ditto MCP server to your project: 
claude mcp add ditto -- npx @dittowords/mcp-server -e DITTO_API_TOKEN=<your-api-token>
After adding, restart any active instances of Claude Code. You should see the Ditto MCP tools available in your tool list.

​
Cursor

1

Open MCP settings

Go to Cursor Settings > Tools & MCP and click + Add new MCP server.
2

Add the server configuration

This will open your ~/.cursor/mcp.json file. Add the following:
{
  "mcpServers": {
    "ditto": {
      "command": "npx",
      "args": ["@dittowords/mcp-server"],
      "env": {
        "DITTO_API_TOKEN": "<your-api-token>"
      }
    }
  }
}
3

Verify the connection

After saving, you should see a green status indicator next to the Ditto server in your MCP settings.

​
Figma Make

Figma Make support is coming soon.