Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports.
Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports. That is what the canicode mcp server brings to an AI assistant: the same capability, reachable through the Model Context Protocol rather than a separate app or dashboard.
Ship your Figma design exactly as you intended — without learning CSS.
Because this one is hosted, setup is mostly authentication — you point your client at the endpoint and approve access. Nothing runs on your machine, so there is no runtime to keep patched.
The server publishes 11 tools. What each one is for:
canicode — lightweight CLI wrapper (use /canicode )canicode-gotchas — standalone gotcha survey (use /canicode-gotchas )canicode-roundtrip — full analyze → gotcha → apply roundtrip (use /canicode-roundtrip )uses — let-sunny/canicode-action@v0.1.0Privacy — ** See PRIVACY.md for details on data collection and how to opt outCategory — RulesInteraction — 2Semantic — 3Seat — File in Starter planWhat — HowPresets — --preset relaxed \Configuration is passed through the environment: FIGMA_TOKEN. Treat anything key-shaped as a real credential — scope it to the minimum the server needs, and rotate it if it ever lands in a shared config.
This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. Canicode's toolset — canicode, canicode-gotchas, canicode-roundtrip and 8 more — is a fair guide to whether it matches your workflow. It is maintained by let-sunny; worth a glance at recent repository activity before you build anything load-bearing on it.
We check each listing at SyncDev against the project's documentation before it goes live — if something here drifts out of date, it is a bug worth reporting.
| Tool | What it does |
|---|---|
| canicode | lightweight CLI wrapper (use /canicode <figma-url>) |
| canicode-gotchas | standalone gotcha survey (use /canicode-gotchas <figma-url>) |
| canicode-roundtrip | full analyze → gotcha → apply roundtrip (use /canicode-roundtrip <figma-url>) |
| uses | let-sunny/canicode-action@v0.1.0 |
| Privacy | ** See [PRIVACY.md](PRIVACY.md) for details on data collection and how to opt out |
| Category | Rules |
| Interaction | 2 |
| Semantic | 3 |
| Seat | File in Starter plan |
| What | How |
| Presets | --preset relaxed \ |
{
"mcpServers": {
"canicode": {
"command": "npx",
"args": ["-y", "canicode"],
"env": {
"FIGMA_TOKEN": "your-value"
}
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
| Variable | Description | Required |
|---|---|---|
| FIGMA_TOKEN | Credential the server authenticates with. | Yes |
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.