@ai.to.design/figma-connector

Local MCP server for ai.to.design. Bridges your Agent Tool to the Figma plugin — no cloud, no auth, no account.

Install

Runs via npx — no global install needed. Requires Node.js 18+.

npx @ai.to.design/figma-connector

Agent setup

Pick your agent. After configuring, open the ai.to.design plugin in Figma, toggle the connection on, and the MCP tools become available.

Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "ai-to-design": {
      "command": "npx",
      "args": ["-y", "@ai.to.design/figma-connector"]
    }
  }
}

Restart Claude Desktop.

Claude Code CLI

claude mcp add ai-to-design -- npx -y @ai.to.design/figma-connector

Or edit ~/.claude.json manually using the same mcpServers shape as Claude Desktop.

Codex CLI

Add to ~/.codex/config.toml:

[mcp_servers.ai-to-design]
command = "npx"
args = ["-y", "@ai.to.design/figma-connector"]

opencode

Add to opencode.json (project) or ~/.config/opencode/opencode.json (global):

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "ai-to-design": {
      "type": "local",
      "command": ["npx", "-y", "@ai.to.design/figma-connector"],
      "enabled": true
    }
  }
}

Other MCP clients

Any MCP-compatible client works. Use npx -y @ai.to.design/figma-connector as the stdio command — no arguments required.

Tools

The connector exposes MCP tools for rendering HTML to the Figma canvas, editing nodes, managing components and variants, and proposing design systems. Your agent will list them once connected.

License

See LICENSE.