Reqwise Figma MCP
An MCP server and a Figma plugin that let an agent read and draw on the canvas safely: with layout checks and no broken screens.
- 107 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- The agent executes JavaScript against the Figma API and changes the real file, and the server listens on a local connection to the plugin.
Install
- Works in
Manual install
git clone https://github.com/hoangpm96/reqwise-figma-mcp.gitThe first command of the Quickstart section. Then `npm install`, `npm run build` and `npm run install:mcp`, followed by importing the plugin into Figma Desktop.
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- The agent executes JavaScript against the Figma API and changes the real file, and the server listens on a local connection to the plugin.
This is third-party code. Review the repository files before installing.
What it does
Reqwise Figma MCP is a local MCP server with a paired plugin for Figma Desktop. The agent reads pages, layers, selection and screenshots and draws by executing JavaScript against the `figma.*` proxy. The plugin layer catches typical mistakes: covering a screen with a semi-transparent frame, manual coordinate math, truncated or overflowing text. The `layout_audit` tool returns declared and rendered node bounds instead of an eyeballed screenshot. The `figma_status`, `figma_read`, `figma_write`, `figma_rules` and `figma_diagram` tools cover diagnostics, reading, writing, design system rules and six diagram kinds: activity, sequence, state, ER, userflow and sitemap. Six skills for Claude Code accompany the diagrams. Several IDE windows and agents work at once through leader election.
Who it is for. Designers and analysts who have a Claude Code, Cursor or Codex agent draw screens and diagrams in Figma.
Good fit when
- A screen is assembled from design system tokens and the agent must reuse styles instead of hardcoding colors.
- After drawing you need to check whether text overflows or is truncated.
- A spec requires a sequence diagram or a data model with findings on its content.
- Cursor and Claude Code work at once and need one Figma.
Not a fit when
- You need BPMN, use case diagrams and journey maps: they exist only in the paid Pro version.
- You work in the Figma web app: the plugin targets Figma Desktop.
- The agent must not modify the file: the write tools change the canvas.
Example request
Check the Figma connection through `figma_status`, then draw a sequence diagram from this spec and verify it with `layout_audit`.MCP
- Transport
- stdio
- Authentication
- not required
Limitations
Node.js 18 or newer, Figma Desktop and an MCP client are required. The server is built from source, and the plugin is imported from `plugin/manifest.json` and its window is kept open in each session, since Figma does not start plugins by itself. Components, UI templates, BPMN, accessibility audits and demo recording exist only in the paid Pro version. JavaScript runs in an isolated Node `vm` sandbox, but the write tools change the real Figma file.
How to disable. Remove the MCP entry with `claude mcp remove reqwise-figma` or from the client configuration and delete the plugin from the Plugins menu in Figma. The repository clone is removed separately.
FAQ
How do I connect the server to Claude Code?
Run `claude mcp add reqwise-figma -s user -- /absolute/path/to/reqwise-figma-mcp/scripts/reqwise-mcp.sh`. The `-s user` flag makes it available in all projects.
How do I install the plugin in Figma?
In Figma Desktop open Plugins, then Development and Import plugin from manifest and pick `plugin/manifest.json`. Run it in every session and keep the window open.
How do I check that everything is connected?
Ask the agent to call `figma_status`: it returns plugin state, leader mode, the queue and a list of hints for next steps.
Which diagrams can it draw?
Six kinds: activity, sequence, state, ER, userflow and sitemap, with findings on the model content.
What does `generate_design_md` produce?
A design system snapshot in Markdown with colors, typography, components and reuse rules. Save it as `design-kit.md` in the codebase.
Discussion
No questions or reviews yet.
Related
MCP serversMCP bridge between an agent (Cursor, Claude Code, Codex) and Figma for reading designs and editing them on the canvas
An MCP server that lets an agent read and edit Figma designs: colors, typography, components and export
figma-ui-mcp is an MCP bridge that draws interfaces on the Figma canvas through code and reads designs back, no API key.
Figma MCP Server (Antonytm)
Figma MCP Server
A community MCP server with a Figma plugin: the agent creates frames, text and components in the open file, not just reads them
A free, two-way Figma MCP server: turns designs into framework-aware code and pushes code back to the canvas
Figma Console MCP
figma-console-mcp
A two-way Figma MCP server for design systems: reads and writes variables, components and styles and syncs tokens with code
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Authentication | Repository stars | Main difference |
|---|---|---|---|---|
| Reqwise Figma MCP (this card) | no | not required | 107 | |
| Figma MCP Server | yes | OAuth | 2,179 | canvas read and write without layout checks; here are layout_audit, safe defaults and six diagram kinds |
| Claude Talk to Figma MCP | no | not required | 678 | bridges an agent and Figma; Reqwise adds layout checks, a shared session and diagrams with findings |
README in short
The repository holds a TypeScript server, a Figma plugin, six diagram skills in `.claude/skills/`, and documentation on setup, multiple agents, tools and recipes. The paid Pro version is described separately and compared with the free one in a table.