Figwright

Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.

Open SourceLive

0 0

Add to your client

Add to Cursor Add to VS Code

Claude Code — run this in your terminal:

claude mcp add figwright -- npx -y @figwright/mcp@latest

Claude Desktop and other clients: paste this into the configuration file

{
  "mcpServers": {
    "figwright": {
      "command": "npx",
      "args": [
        "-y",
        "@figwright/mcp@latest"
      ]
    }
  }
}

Built from the configuration example in the project's README. The buttons open the app on your computer, which asks you to confirm before anything is added.

Install

npx skills add awdr74100/figwright/skills

npx skills add awdr74100/figwright/skills # both

npx skills add https://github.com/awdr74100/figwright/tree/main/skills/figma-codegen # one

Copied from the project's README. Read what it does before you run it.

README scanSafe

Nothing risky found in the commands its README asks you to run.

We scan the README only, not the code. A clean result is not proof of safety. How we scan

Appears in

Design & UI

View on GitHub

Repository

Stars: 1,408
Forks: 89
Last updated: Nov 14, 2026
License: MIT
Language: TypeScript
Created: Jun 18, 2026
Open issues: 3
Quality score: A 75/100

awdr74100/figwright

Read from GitHub daily.

See alternatives

Pricing

Open Source

Made by

No owner listed.