Canicode
by let-sunnycommunityv0.5.2
8
1
CanICode analyzes Figma designs to improve AI implementation quality by generating a design-tree and scoring responsive readiness. It helps users fix design issues before generating code.
From the registry: Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports.
Install & configure
Prerequisites
- optionalGet a Figma API tokenFigma → Settings → Security → Personal access tokens → Generate new tokenhttps://www.figma.com/developers/api
Install in your client
Paste into the AI you're chatting with — it will figure out the rest
Please install the `canicode` MCP server into my current AI client (that's you).
Optional prerequisites:
- Get a Figma API token — Figma → Settings → Security → Personal access tokens → Generate new token (https://www.figma.com/developers/api)
Canonical MCP server config (stdio transport):
- command: `npx`
- args: ["-y","-p","canicode","canicode-mcp"]
- optional environment variables:
- `FIGMA_TOKEN`: Figma Personal Access Token (needed to pull designs from Figma API) (example: `<your-figma-token>`)
Note: Analyzes Figma designs for AI-implementation readiness. FIGMA_TOKEN is optional — without it, the server only analyzes local fixtures.
Add this MCP server to my current client's config in the correct format for you. If you need secrets or credentials I haven't provided, ASK me — do not invent values or leave raw placeholders. After adding it, tell me how to verify the server is connected.Note: Analyzes Figma designs for AI-implementation readiness. FIGMA_TOKEN is optional — without it, the server only analyzes local fixtures.
Tools (1)
CanICode
Analyzes Figma designs and generates a design-tree for better AI implementation.
Environment variables
FIGMA_TOKENrequiredPersonal access token for Figma API access.Packages
canicode
npmv0.5.2transport: stdio
Details
- Language
- HTML
- License
- MIT
- Released
- Mar 21, 2026
- Last commit
- Jun 12, 2026
- Registry name
- io.github.let-sunny/canicode