Canicode MCP Server

Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports.

Remote serverstreamable-http

What is the Canicode MCP Server?

Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports.

The short version

Ship your Figma design exactly as you intended — without learning CSS.

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Recorded tools

Check the linked publisher documentation and your connected client's tool list. Names and availability can vary with the server version and account permissions.

ToolWhat it does
canicodelightweight CLI wrapper (use /canicode <figma-url>)
canicode-gotchasstandalone gotcha survey (use /canicode-gotchas <figma-url>)
canicode-roundtripfull analyze → gotcha → apply roundtrip (use /canicode-roundtrip <figma-url>)
useslet-sunny/canicode-action@v0.1.0

How to install the Canicode MCP Server

{
  "mcpServers": {
    "canicode": {
      "command": "npx",
      "args": ["-y", "canicode"],
      "env": {
        "FIGMA_TOKEN": "your-value"
      }
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Configuration

VariableDescriptionRequired
FIGMA_TOKENCredential the server authenticates with.Yes

Example prompts to try

  • “Use Canicode to canicode.”
  • “Use Canicode to canicode-gotchas.”
  • “Use Canicode to canicode-roundtrip.”

Frequently asked questions

Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports. Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.