Canicode MCP Server

Ship your Figma design exactly as you intended - without learning CSS. Try it in your browser - no install needed. It runs locally over stdio via the published package.

People connecting design tools to Claude, Cursor, VS Code, or another MCP client. The project is written in HTML.

VERIFIED ACTIVE

LAST COMMIT 2026-07-05 · ★ 10 · #45 OF 74 MAINTAINED DESIGN · VERIFIED 2026-08-25

MIT · HTML · how we verify → /methodology

01 · Install Canicode

before you install - you'll need

FIGMA_TOKEN

Environment variables documented in the project's README - it lists which are required and which have defaults.

Claude Code

claude mcp add let-sunny-canicode -- npx -y canicode

Claude Desktop / Cursor / VS Code - add to config

{
  "mcpServers": {
    "let-sunny-canicode": {
      "command": "npx",
      "args": [
        "-y",
        "canicode"
      ]
    }
  }
}

Same JSON for Cursor. For VS Code, rename the top-level key from `mcpServers` to `servers`.

Using another client? Same JSON, different key

Claude Desktop · mcpServers

Cursor · mcpServers

VS Code · servers

Windsurf · mcpServers

Zed · context_servers

Cline · mcpServers

Roo Code · mcpServers

Continue · mcpServers

LibreChat · mcpServers

Gemini CLI · mcpServers

Codex CLI · mcp_servers

Full setup guides: every client.

02 · Evidence

Security posture

What to check before giving this server access to your agent - from the registry, GitHub, and our own probes. We don't score safety; we show what's verifiable.

runs as local process (stdio) - runs on your machine with your user's permissions

license MIT - declared in the repository

npm package canicode - unscoped; check the name against the project README before installing

registry namespace io.github.let-sunny is GitHub-verified and matches the repo owner

03 · What Canicode can do

Prose above is summarized from the project's README and registry record - no invented capabilities.

Latest releases

v0.12.4 · 2026-06-11

mark Workflow 3 ✅ Available (Phase 3 / #508 shipped in v0.12.3) · adopt Changesets + backfill CHANGELOG.md (0.11.5 → 0.12.3) · add POSITIONING.md one-pager · pivot hero to persona-first POSITIONING thesis · lean…

v0.12.3 · 2026-04-29

refresh Workflow 1 status note for v0.12.2 · componentize primitive (Phase 3 delta 1, #552) · replace-with-instance primitive (Phase 3 delta 2, #554) · scope-wide cross-parent fingerprint pass (Phase 3 delta 3, #556)…

v0.12.2 · 2026-04-28

bundle Phase 2 live-verification findings (#545 #546 #547 #548) · release v0.12.2

04 · Who maintains Canicode

canicode is maintained by let-sunny. It's the only MCP server we track from this author; the repo dates to Mar 2026.

05 · Facts

repository: github.com/let-sunny/canicode
category: design - ranked #45 of 74 actively-maintained design servers as of 2026-08-25.
release cadence: 1 release in the last 90 days (latest 2026-06-11)
registry: io.github.let-sunny/canicode (active, first published 2026-03-21)
packages: npm:canicode

06 · Canicode FAQ

What is Canicode?

Ship your Figma design exactly as you intended - without learning CSS. Try it in your browser - no install needed. It runs locally over stdio via the published package.

Is Canicode still maintained?

Yes - as of 2026-08-25, its last commit was 2026-07-05 and it shipped 1 release in the last 90 days. We re-verify nightly.

How do I install Canicode?

Run `npx -y canicode`. The README documents one environment variable (FIGMA_TOKEN) to set first. You can also paste the ready-made client config above.

Does Canicode run locally?

Yes - it's a stdio server: it runs on your machine (via npx) with your user's permissions. Your data stays local unless the server itself calls external APIs.

07 · Alternatives to Canicode

Alternatives to Canicode

Maintained design servers if Canicode isn't the fit.

More design MCP servers · Liquefy UI · Openroad MCP (luarss) · Lulu Ads - Publisher Concierge · Marmo UI · Logoloom