Skip to main content
Glama
hoangpm96

Reqwise Figma MCP

by hoangpm96

Reqwise Figma MCP

Reqwise Figma MCP — AI agents read and draw on the Figma canvas, safely: an open-source local MCP server plus Figma plugin for Claude Code, Cursor and Codex

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

Free vs Pro at a glance — Free (MIT): bridge and multi-agent, read/draw canvas, layout_audit, tokens and styles, icons/images/prototypes, six BA diagrams and their Claude skills. Pro adds components and properties, design-system generation, use case, BPMN, journey and persona diagrams, UI section and block templates, a 1-to-1 code to Figma component map, accessibility and responsive audits, self-playing demos and video recording

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

layout_audit returns declared vs. rendered bounds, overflowsParent, clippedBy, textTruncated per node; screenshots stay for final human review

Overlays / scrims

Agent dims a screen with an opacity'd FRAME (dims the whole subtree)

figma.overlay() creates a correctly layered RECTANGLE — the mistake is structurally unavailable

Session state

Token maps and id registries re-declared every call

state is a persistent object per session; set up tokens once, reuse across calls

Connection

Silent boolean, or a dead WS with no explanation

figma_status returns diagnostics plus an ordered hints list of concrete next steps

Multiple IDE windows

Second server instance fights for the port or silently fails

Leader/follower election; followers forward through an authenticated /rpc to the one leader holding the plugin connection

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 ?., ??, spread)

Node vm — full modern ES (optional chaining, nullish coalescing, spread, async/await)

Errors

Bare exceptions

Every failure carries {code, message, hint} — the hint is the next concrete step

Edit-in-place

Draw-from-scratch focus; per-op fights the single-threaded plugin

Selection-first workflow (readSelection → modify → layout_audit), instance-override "format painter", recursive recolor, mixed-font-safe text edits; writes serialized per connection so mutations never race

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 update + patch instead of re-authoring it, and let the tools ask whether the diagrams on the page contradict each other

Business rules with a number

The 10 minutes retyped into four diagrams; one gets updated, the others don't

options.policies holds the value once and labels reference it as @hold-minutes — a label cannot drift from a number it doesn't hold

See ARCHITECTURE.md for the full design rationale and the root-cause fixes behind these defaults.

Quickstart

How Reqwise works — 1. install the MCP (npm install, npm run build, register in Cursor/Claude/Codex), 2. import the plugin in Figma Desktop from manifest.json, 3. open your file and keep the plugin window open, 4. call figma_status, then figma_read / figma_write / figma_diagram, then layout_audit

git clone https://github.com/hoangpm96/reqwise-figma-mcp.git
cd reqwise-figma-mcp
npm install
npm run build

This 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:mcp

or one editor by hand:

claude mcp add reqwise-figma -s user -- /absolute/path/to/reqwise-figma-mcp/scripts/reqwise-mcp.sh

Import 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

figma_status

Rich connection diagnostics — plugin connection, leader/follower mode, heartbeat, queue, sessions, and an ordered hints list. Never a bare boolean.

figma_read

Read the canvas via an op enum (get_document_info, get_selection, read_selection, get_design_context, get_design_system_kit, generate_design_md, search_nodes, screenshot, layout_audit, get_diagram_spec, get_page_model, ...) with token-frugal responses.

figma_write

Execute modern-ES JavaScript against the figma.* proxy to create/modify the canvas. state persists per session.

figma_rules

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 figma_read op generate_design_md and save the returned markdown as design-kit.md.

figma_diagram

Draw six diagram kinds from a model you derived from the spec, each with findings on the content, not the drawing. type:"activity" — a business process, with swimlanes or without: one band per owner, the handoffs between bands; reports an unlabelled handoff, a step nobody owns, a fork that never joins. type:"sequence" — an exchange over time: participants as columns, messages in the order you list them, activation bars derived from the calls and their replies, alt/loop blocks; reports a call nobody answers, a reply with no call, an alt with no else. type:"state" — the lifecycle of ONE entity: the values it can hold and every change that is allowed, written event [guard] / action; reports a state nothing can reach, a state nothing can leave, two transitions racing on one event. type:"erd" — a data model: tables, columns, keys, crow's-foot cardinality; reports what bites after a migration (no primary key, a foreign key to a column that does not exist, a many-to-many with no join table). type:"userflow" — the screens a user moves through, from a graph or a mermaid flowchart; reports a question with one way out, a dead end, an unreachable screen. type:"sitemap" — the pages a product is made of and what contains what, drawn as a tidy tree; reports an orphan page, a section with nothing under it, a depth nobody will navigate, and cross-checks against the userflows on the page. Write any of them in the compact text form at ~a third of the tokens, draw a whole set in one call (diagrams: [...], placed for you), and change one with update + patch instead of re-authoring it. Every draw is cross-checked against the other diagrams on the page. Arrows stay attached on all of them: drag a box and every line touching it re-routes.

figma_docs

On-demand documentation: rules | layout | api | tokens | icons | recipes | style | userflow | activity | erd | sequence | sitemap | state. Read style when there's no design system to reuse — it's the brand-neutral default scale/palette/elevation to fall back on instead of inventing values.

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.md and design-kit.md are two different files — human intent vs. machine snapshot, like package.json vs. package-lock.json. The tools never overwrite design.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

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 tools
figma_docsA

On-demand documentation for this API and its safe-by-default rules. Sections: rules | layout | api | tokens | icons | recipes.

ParametersJSON Schema
NameRequiredDescriptionDefault
sectionYesWhich doc section to return.

TDQS

A4.2/5.0
Behavior4/5

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.

Conciseness5/5

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.

Completeness4/5

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.

Parameters4/5

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.

Purpose5/5

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.

Usage Guidelines3/5

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).

ParametersJSON Schema
NameRequiredDescriptionDefault
opYesThe read operation to run.
paramsNoOperation parameters (e.g. { nodeId }, { nodeIds }, { detail: 'sparse'|'compact'|'full' }, read_selection: { detail?, depth? }).

TDQS

A4.3/5.0
Behavior3/5

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.

Conciseness5/5

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.

Completeness4/5

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.

Parameters5/5

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.

Purpose5/5

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.

Usage Guidelines4/5

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.

ParametersJSON Schema
NameRequiredDescriptionDefault

No parameters

TDQS

A4.7/5.0
Behavior4/5

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.

Conciseness5/5

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.

Completeness5/5

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.

Parameters4/5

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.

Purpose5/5

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.

Usage Guidelines5/5

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.

ParametersJSON Schema
NameRequiredDescriptionDefault

No parameters

TDQS

A4.2/5.0
Behavior3/5

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.

Conciseness5/5

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.

Completeness4/5

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.

Parameters4/5

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.

Purpose5/5

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.

Usage Guidelines4/5

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 }.

ParametersJSON Schema
NameRequiredDescriptionDefault
codeYesJavaScript body. Use await figma.create({...}), figma.batch([...]), figma.layoutAudit(id), etc. Return a value to receive it as `result`.
sessionIdNoOptional session key; omit to use the default session. `state` is shared per session.

TDQS

A4.8/5.0
Behavior5/5

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.

Conciseness5/5

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.

Completeness5/5

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.

Parameters5/5

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.

Purpose5/5

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.

Usage Guidelines4/5

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.

  1. 5 tool updatesv0.1.0
    • First observedfigma_docs
    • First observedfigma_read
    • First observedfigma_rules
    • First observedfigma_status
    • First observedfigma_write

TDQS

A4.4/5.0

Scored across 5 tools

Disambiguation5/5

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.

Naming Consistency5/5

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.

Tool Count5/5

5 tools is well-scoped for a Figma MCP server, covering essential operations without unnecessary bloat.

Completeness4/5

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

ActivityMaintained
ResponsivenessNo issues

Related MCP Connectors

Related MCP Servers

  • A
    license
    Not graded
    quality
    D
    maintenance
    Enables 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 npm
    MIT
  • F
    license
    A
    quality
    D
    maintenance
    Enables 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
    -
  • A
    license
    B
    quality
    A
    maintenance
    Enables AI assistants to read, analyze, and modify Figma designs, manage design tokens, and create prototype connections, all while keeping data local.
    63
    69 npm
    9
    MIT
  • A
    license
    Not graded
    quality
    A
    maintenance
    Enables AI agents to inspect Figma selections, navigate pages, render previews, generate starter code, and submit user-approved canvas edits through a local bridge.
    3 npm
    MIT