canicode

let-sunny/canicode
★ 7 stars HTML 💻 Code/Dev Tools Updated 1d ago
Lint Figma designs for AI code-gen and roundtrip the answers back into the file. Diagnose gotchas, capture answers from the designer, write fixes back via the Figma Plugin API, then hand off to figma-implement-design. CLI + MCP server + Claude Code skills.
View on GitHub →

Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

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

Topics

claude-codecursorfigmafigma-to-codemcp