Reqwise Figma MCP
This server connects AI agents to a Figma canvas through MCP, letting them safely read, draw, and verify Figma designs.
Connection diagnostics:
figma_statusreports plugin health, leader/follower mode, queue, and next-step hints.Read the canvas:
figma_readsupports document info, selection, node lookup, search, text scanning, styles, variables, components, design-system snapshots, screenshots, exports, fonts, and layout audits.Draw and edit:
figma_writeruns modern JavaScript against afigma.*proxy to create/modify frames, text, shapes, apply variables, batch operations, and inspect layouts, with persistent per-sessionstate.Design rules:
figma_rulesreturns a markdown rule sheet of styles, variables, and components so agents reuse existing design tokens.On-demand docs:
figma_docsprovides guidance for rules, layout, API, tokens, icons, and recipes.
Allows AI agents to read and draw on the Figma canvas safely, with features like layout auditing, overlay creation, persistent session state, and batch operations.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Reqwise Figma MCPrun a layout audit on the selected frame"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Reqwise Figma MCP

An MCP server that lets AI agents read and draw on the Figma canvas — safely. Open source (MIT).
Need BPMN, UI templates, a 1-to-1 code ↔ Figma component map, design systems, journey maps, personas, accessibility and responsive audits, or self-playing demos? They are in Reqwise Figma MCP Pro →. Compare the two editions below.
Reqwise Figma MCP pairs a local MCP server with a companion Figma plugin. Point Claude Code, Cursor, Codex or any MCP-capable agent at it, and the agent can inspect a Figma file and draw into it by executing JavaScript against a figma.* proxy API — with the plugin layer catching the mistakes that usually turn "AI draws a screen" into "AI draws an overflowing, half-clipped mess." It also draws the BA diagrams a spec needs — userflow, activity, sequence, ERD, sitemap, state machine — and proof-reads the model behind each one.
It exists because the current generation of Figma MCPs make agents responsible for discipline they don't have: remembering never to overlay a semi-transparent frame, re-declaring token maps every call, manually computing x/y offsets, eyeballing screenshots to check for clipping. Reqwise moves that discipline into the server and plugin, and gives the agent a structured way to verify its own work.
Free vs Pro

Feature | Free | Pro |
Connection | ||
Figma bridge with rich diagnostics and next-step hints | ✅ | ✅ |
Several Figma windows and several AI agents at once (leader/follower) | ✅ | ✅ |
One launcher for Claude Code, Cursor and Codex | ✅ | ✅ |
Hardened local bridge (sandboxed JS, authenticated forwarding) | ✅ | ✅ |
Rule sheet and on-demand docs for the agent | ✅ | ✅ |
Read and draw on the canvas | ||
Read pages, layers, selection; screenshots and exports | ✅ | ✅ |
Draw and edit frames, text, shapes; streaming batches | ✅ | ✅ |
Layout audit — overflow, clipping, truncated text | ✅ | ✅ |
New work never lands on top of existing work | ✅ | ✅ |
Tokens and variables — create, bind, edit, import/export | ✅ | ✅ |
Text styles and effect styles | ✅ | ✅ |
Icons, images, overlays, gradients, recolor | ✅ | ✅ |
Prototype reactions | ✅ | ✅ |
Delete pages and styles, sweep unused styles | ✅ | ✅ |
Read an existing design system; export design-kit.md | ✅ | ✅ |
Components — find, create, variants, instances | — | ✅ |
Component properties — booleans, nested instances, edit/delete | — | ✅ |
Design-system compliance audit and auto-binding | — | ✅ |
BA diagrams | ||
Userflow | ✅ | ✅ |
Activity diagram with swimlanes | ✅ | ✅ |
Sequence diagram | ✅ | ✅ |
ERD | ✅ | ✅ |
Sitemap | ✅ | ✅ |
State machine | ✅ | ✅ |
Arrows follow the boxes; edit a diagram in place | ✅ | ✅ |
Cross-check diagrams against each other | ✅ | ✅ |
Use case diagram | — | ✅ |
BPMN process diagram — pools, lanes, events, gateways, message flows | — | ✅ |
User journey map (several layouts and themes) | — | ✅ |
Persona set | — | ✅ |
Design system | ||
Generate a design system — 60 components, tokens, screen grids, doc pages | — | ✅ |
10 visual styles, side-by-side preview, AI style recommendation | — | ✅ |
Learn a system from the canvas or from design.md | — | ✅ |
1-to-1 map between your code components and Figma components — props ↔ variants, kept in sync both ways | — | ✅ |
The tool asks the user the right questions, with time estimates | — | ✅ |
UI templates | ||
Section and block templates — hero, nav, pricing, data table, form, empty state | — | ✅ |
Templates drawn with your components and tokens, not pasted stock art | — | ✅ |
Start a design system from a template — palette and visual style preconfigured | — | ✅ |
Quality and presentation | ||
Accessibility audit — contrast, touch targets, unnamed controls | — | ✅ |
Responsive audit — stretch a screen, compare mobile and desktop | — | ✅ |
Self-playing prototype demos | — | ✅ |
Record a demo to video | — | ✅ |
Claude skills | ||
/figma-userflow, /figma-activity, /figma-sequence, /figma-erd, /figma-sitemap, /figma-state | ✅ | ✅ |
/figma-usecase, /figma-journey, /figma-persona, /figma-design-system, /figma-demo | — | ✅ |
Get Pro → — this table is generated from the feature list both editions ship from, so it is current with every release.
Related MCP server: figmad-mcp
Why this one
Typical Figma MCP | Reqwise Figma MCP | |
Verification | Screenshot only — agent eyeballs pixels |
|
Overlays / scrims | Agent dims a screen with an opacity'd FRAME (dims the whole subtree) |
|
Session state | Token maps and id registries re-declared every call |
|
Connection | Silent boolean, or a dead WS with no explanation |
|
Multiple IDE windows | Second server instance fights for the port or silently fails | Leader/follower election; followers forward through an authenticated |
Batch operations | Hard caps (e.g. 50 ops) with all-or-nothing failure | Chunked streaming, partial commit, exact per-index error reporting, no hard cap |
Structural frames | Figma's default white fill turns layout wrappers into accidental white slabs | FRAME/COMPONENT without an explicit fill defaults to transparent; visible surfaces opt in |
Sandbox JS | Restricted/older syntax (no | Node |
Errors | Bare exceptions | Every failure carries |
Edit-in-place | Draw-from-scratch focus; per-op fights the single-threaded plugin | Selection-first workflow ( |
Diagrams | Mermaid/plantuml text rendered to an image — each diagram an island | Every diagram frame stores the model it was drawn from: change one with |
Business rules with a number | The |
|
See ARCHITECTURE.md for the full design rationale and the root-cause fixes behind these defaults.
Quickstart

git clone https://github.com/hoangpm96/reqwise-figma-mcp.git
cd reqwise-figma-mcp
npm install
npm run buildThis builds the server to dist/ and the plugin bundle to plugin/code.js.
Register the MCP server — all editors at once (Cursor, Claude Code, Codex):
npm run install:mcpor one editor by hand:
claude mcp add reqwise-figma -s user -- /absolute/path/to/reqwise-figma-mcp/scripts/reqwise-mcp.shImport the plugin into Figma Desktop: menu → Plugins → Development → Import plugin from manifest… → select plugin/manifest.json. Run it from Plugins → Development → Reqwise Figma MCP and keep its window open.
Check the connection: ask your agent to call figma_status. Full walkthrough and troubleshooting: docs/SETUP.md and docs/INSTALL.md. Several editors at once: docs/MULTI-AGENT.md.
Every session: open your Figma file → Plugins → Development → Reqwise Figma MCP → leave the window open. Figma doesn't auto-start plugins.
Tools
Tool | Purpose |
| Rich connection diagnostics — plugin connection, leader/follower mode, heartbeat, queue, sessions, and an ordered |
| Read the canvas via an |
| Execute modern-ES JavaScript against the |
| One-call design-system rule sheet (styles + variables + components) as markdown — read before drawing so you reuse instead of hardcode. For a durable spec, use |
| Draw six diagram kinds from a model you derived from the spec, each with findings on the content, not the drawing. |
| On-demand documentation: |
Full parameter reference for every operation and every figma.* method: docs/TOOLS.md. Pro adds figma_design_system and figma_record, four more diagram kinds (use case, BPMN, journey map, persona set), the UI templates, the code ↔ Figma component map and the audits — see Free vs Pro.
Diagram skills
.claude/skills/ ships a skill per diagram kind — /figma-userflow, /figma-activity, /figma-sequence, /figma-state, /figma-erd, /figma-sitemap — plus the discipline they share (the connection gate, the four levels of "correct", the findings loop, verification). Copy them into .claude/skills/ in your project. See .claude/skills/README.md.
Example: figma_write
// Set tokens once — they persist in this session's `state.tokens`.
await figma.setupTokens({
colors: { primary: "#2563EB", surface: "#0B0B0F" },
numbers: { "radius-md": 8 },
});
// Draw a card with wrapping text, reusing the parent's width.
const card = await figma.create({
type: "FRAME", name: "Card", parentId: state.rootId,
width: 320, layoutMode: "VERTICAL",
});
await figma.applyVariable(card.id, "fills", "surface");
await figma.create({
type: "TEXT", parentId: card.id, wrap: true,
characters: "A long paragraph that must wrap inside the card.",
});
// Verify before screenshotting for a human.
const audit = await figma.layoutAudit(card.id);
if (audit.summary.issues.length) console.warn(audit.summary.issues);Example: snapshot a design system to design-kit.md
Ask your agent to call:
{ "op": "generate_design_md", "params": { "depth": 3, "includeAnatomy": true, "includeScreens": true } }The response contains a source-grounded markdown snapshot: extraction coverage, colors,
typography, observed layout frequencies, screen composition evidence, local and
remote component usage, exact node ids/keys/variant ids/property keys, ready-to-run
instantiate examples, reuse rules, responsive evidence and known gaps. Save
it in the target codebase as design-kit.md before asking the agent to create UI
from an existing Figma component system. Facts are separated from observations and
unknown UX semantics. For a very large file, tune maxComponents, maxScreens,
maxInstances or maxOutputChars; output limits omit complete sections rather
than cutting Markdown mid-table/code-block.
design.mdanddesign-kit.mdare two different files — human intent vs. machine snapshot, likepackage.jsonvs.package-lock.json. The tools never overwritedesign.md. See the two-file workflow.
Architecture
MCP client (Claude Code / Cursor)
│ stdio (MCP)
▼
Reqwise MCP server (Node ≥ 18, TypeScript)
│ owns HTTP+WS server on localhost:38470 (fallback +1..+9)
│ GET /health → diagnostics JSON
│ POST /rpc → follower → leader forwarding (auth token)
│ WS /ws → Figma plugin UI connection
▼
Figma Desktop plugin
├── ui.html (WebSocket client, heartbeat, reconnect w/ backoff)
└── code.js (Plugin API executor, safe-default handlers)Every operation — leader-direct or follower-forwarded — passes through one validateOperation() choke point before it reaches the plugin. Full topology, the leader/follower protocol, and the 15 safe-default fixes are documented in ARCHITECTURE.md.
Documentation
docs/SETUP.md— start here: install, daily routine, troubleshootingdocs/INSTALL.md— installation reference: env vars, port behaviour, leader/followerdocs/TOOLS.md— full tool +figma.*API reference, error codesdocs/MIGRATION.md— migrating fromfigma-ui-mcpdocs/RECIPES.md— practical cookbookdocs/DEMO-PROMPT.md— a paste-ready prompt that demos every free diagram kind plus mobile screensARCHITECTURE.md— design goals and internals
Reqwise Figma MCP Pro
Pro is the full edition, built by the same author on this same core: a design-system generator with ten visual styles, use case and BPMN diagrams, journey maps and persona sets, component authoring, UI section and block templates that draw with your own components and tokens (and design-system templates that come with palette and visual style preconfigured), a 1-to-1 map between your code components and their Figma counterparts (props ↔ variants, so generated UI matches the codebase instead of resembling it), accessibility and responsive audits, self-playing demos and demo videos. ai4ba.com/figma-mcp
License
MIT — see LICENSE. Reqwise Figma MCP Pro is a separate, commercially licensed product.
Available Tools
5 toolsfigma_docsA
On-demand documentation for this API and its safe-by-default rules. Sections: rules | layout | api | tokens | icons | recipes.
| Name | Required | Description | Default |
|---|---|---|---|
| section | Yes | Which doc section to return. |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are present, so the description fully carries the burden. It correctly implies a read-only, safe operation by describing documentation retrieval. Could be more explicit about idempotence or safety, but sufficient for a simple doc tool.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Two sentences, no wasted words. Purpose and available sections are front-loaded. Ideal structure for quick comprehension.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a simple documentation retrieval tool, the description is complete given the schema coverage. It lacks mention of return format, but that is not critical given the tool's nature.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The schema covers the parameter with 100% description coverage, but the description adds value by listing the valid sections explicitly. This aids the agent in understanding available options beyond the schema's generic description.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states it provides on-demand documentation for the API and its rules, listing specific sections. It distinguishes from sibling tools like figma_read and figma_write, which focus on design data operations.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Usage is implied (when documentation is needed), but there is no explicit guidance on when to use this tool versus alternatives like figma_rules. No exclusions or context cues provided.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
figma_readA
Read the Figma canvas with a token-frugal response. Choose an operation and pass its params. layout_audit is the structured verify tool (declared vs rendered bounds, overflow, clipping, truncation). read_selection deep-reads the current selection in one call — the entry point of the selection-first edit-in-place lifecycle (read_selection → figma_write modify → layout_audit).
| Name | Required | Description | Default |
|---|---|---|---|
| op | Yes | The read operation to run. | |
| params | No | Operation parameters (e.g. { nodeId }, { nodeIds }, { detail: 'sparse'|'compact'|'full' }, read_selection: { detail?, depth? }). |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description is the sole source of behavioral info. It mentions token-frugal responses and describes the purpose of layout_audit and read_selection. However, it lacks details on failure modes, authentication needs, or rate limits, which are important for a read tool with many operations.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Four sentences with no wasted words. The first sentence front-loads the core purpose, followed by actionable guidance. Each sentence earns its place.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the tool's complexity (17 operations, nested params, no output schema), the description covers the main concept and key operations. It could be improved by mentioning typical return values or error handling, but it is reasonably complete for an experienced user.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The description adds significant meaning beyond the schema: it explains the 'op' parameter structure and gives concrete examples for 'params' (e.g., { nodeId }, { detail }). It also clarifies the role of specific operations like layout_audit and read_selection, which are not fully defined in the schema.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states 'Read the Figma canvas', specifying the verb and resource. It also distinguishes from sibling figma_write by implying a read-only scope. The variety of operations is listed, making the purpose unambiguous.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
It provides context on when to use layout_audit vs read_selection, and mentions the token-frugal nature for efficiency. However, it does not explicitly exclude alternative tools like figma_docs or figma_rules, or provide when-not-to-use guidance.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
figma_rulesA
One-call design-system rule sheet as markdown: styles + variables + components, fetched in parallel. Read before drawing so you reuse tokens/components instead of hardcoding.
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries full burden. It discloses parallel fetching and that it is a single call. However, it does not mention permissions, rate limits, or whether the data is cached. Still, it is transparent about the data type and purpose.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single sentence that conveys the purpose and usage guideline efficiently. It is front-loaded with the key action and result.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given no output schema, the description explains the return format (markdown) and contents (styles, variables, components). It also advises when to use it. This is complete for the tool's complexity.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The input schema has zero parameters, so schema coverage is 100%. The description adds no parameter info, but that is acceptable as there are none. Baseline for zero parameters is 4.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description explicitly states it returns a design-system rule sheet as markdown with styles, variables, and components, fetched in parallel. The name 'figma_rules' aligns with this and distinguishes it from siblings like figma_docs or figma_read.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides clear usage guidance: 'Read before drawing so you reuse tokens/components instead of hardcoding.' This tells the agent when to use this tool and the benefit. It also implicitly distinguishes from other tools that might not aggregate all rules.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
figma_statusA
Rich connection diagnostics for the Figma bridge (never a bare boolean): plugin connection, leader/follower mode, port, heartbeat, queue, sessions, and an ordered list of concrete next-step hints when something is off.
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description carries full burden. It describes the output components in detail and states 'never a bare boolean', but does not explicitly confirm read-only or non-destructive behavior, though implied. Safety and side effects are omitted.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is concise (two sentences), front-loaded with purpose, and every phrase adds value. No unnecessary words.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a no-parameter, no-output-schema tool, the description provides a good overview of the diagnostic data returned. It lists multiple components. Could be enhanced with format details, but sufficient for an agent to understand outputs.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
No parameters exist, and schema coverage is trivially 100%. The description does not need to add parameter info. Baseline of 4 applies.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool provides 'rich connection diagnostics' for the Figma bridge, listing specific elements like connection, leader/follower mode, port, etc. It distinguishes itself from sibling tools (figma_docs, figma_read, figma_rules, figma_write) which handle different operations.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The context is clear: this tool is for diagnostics. Siblings have distinct purposes (docs, read, rules, write), so implicit differentiation exists. However, no explicit 'when to use' or 'when not to use' guidance is provided.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
figma_writeA
Execute modern-ES JavaScript in a sandbox against the figma.* proxy to draw/modify the canvas. state persists across calls in a session. Banned: require/process/fetch/timers/eval. Returns { ok, result, logs, warnings }.
| Name | Required | Description | Default |
|---|---|---|---|
| code | Yes | JavaScript body. Use await figma.create({...}), figma.batch([...]), figma.layoutAudit(id), etc. Return a value to receive it as `result`. | |
| sessionId | No | Optional session key; omit to use the default session. `state` is shared per session. |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, description fully discloses sandbox execution, banned APIs, session state persistence, and return format {ok, result, logs, warnings}, ensuring transparency.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Three sentences, no fluff, front-loaded with action, efficient and structured.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Despite no output schema, description covers return values and key behaviors like sandbox restrictions and session persistence, making it complete.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage 100%, description adds value by explaining code body usage, await figma examples, and sessionId role for state sharing, beyond schema definitions.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
Description states 'Execute modern-ES JavaScript...to draw/modify the canvas', clearly indicating a write operation on the Figma canvas, distinct from sibling tools like figma_read.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Provides context on when to use (draw/modify canvas), but does not explicitly exclude reading or mention alternatives; however, banned functions and session persistence are noted.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
5 tool updates
v0.1.0- First observed
figma_docs - First observed
figma_read - First observed
figma_rules - First observed
figma_status - First observed
figma_write
TDQS
Scored across 5 tools
Each tool has a clearly distinct purpose: docs for API reference, read for canvas reading, rules for design systems, status for diagnostics, and write for modifications. No overlap.
All tools follow a consistent figma_verb naming pattern (figma_docs, figma_read, figma_rules, figma_status, figma_write), making it easy to infer functionality.
5 tools is well-scoped for a Figma MCP server, covering essential operations without unnecessary bloat.
The set covers reading, writing, documentation, rules, and status. While minor operations like explicit deletion or search are missing, the core lifecycle is covered.
Maintenance
Related MCP Connectors
Give your agent a real design system: tokens, measured WCAG contrast, and rules to follow.
Deterministic runtime safety for AI agents: scan PII, gate tool actions, verify LLM output.
Agent-Native design tool - create and edit visual designs with agent assistance
Zero-trust gateway for AI agents: score tool calls, verify agent cards, enforce policy, audit.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceEnables AI assistants to read and modify Figma designs programmatically, supporting design analysis, element creation, text replacement, annotations, auto-layout configuration, and prototype visualization through natural language commands.461 npmMIT
- FlicenseAqualityDmaintenanceEnables AI agents to interact with Figma to create, read, and manage designs using the Figma REST API and a dedicated plugin. It supports advanced features like UI generation from text, webpage reconstruction in Figma, and design token synchronization with codebases.20-
- AlicenseBqualityAmaintenanceEnables AI assistants to read, analyze, and modify Figma designs, manage design tokens, and create prototype connections, all while keeping data local.6369 npm9MIT
- AlicenseNot gradedqualityAmaintenanceEnables AI agents to inspect Figma selections, navigate pages, render previews, generate starter code, and submit user-approved canvas edits through a local bridge.3 npmMIT