How do I connect Figma Console MCP Server to Claude?

The listing records `claude mcp add figma-console -s user -e FIGMA_ACCESS_TOKEN=figd_YOUR_TOKEN_HERE -e ENABLE_MCP_APPS=true -- npx -y figma-console-mcp@latest` as its setup step. Run it, then follow the repository's instructions for the client configuration; the listing names Claude Desktop, Claude Code, Cursor as compatible clients.

Is Figma Console MCP Server free?

The listed licence is MIT. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.

What can Figma Console MCP Server do?

Figma Console MCP Server documents 40 tools to the agent, including figma_add_slot_property, figma_append_to_slot, figma_arrange_component_set. The descriptions above come from project documentation. A live handshake does not test individual tool behavior.

Figma Console MCP

Unclaimed

by southleft

Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.

Install

claude mcp add figma-console -s user -e FIGMA_ACCESS_TOKEN=figd_YOUR_TOKEN_HERE -e ENABLE_MCP_APPS=true -- npx -y figma-console-mcp@latest

Set up this server

Compare servers My Stack

This server needs project-specific setup. Follow the project instructions; no reusable public launch command is available yet.

Project instructions

aidesign-systemsfigmafigma-apifigma-pluginsmcp

Is this your MCP server?

This listing was auto-indexed from the public record. Claim it to edit the page, set compatibility and unlock growth tools. Takes under two minutes.

Claim this server

Security profile

Claimed and verified servers get a weekly static scan that shows what the code can reach: external services, environment variables, shell commands, agent configuration folders, plus any dependencies with known advisories. Claim this listing to get one. How the security profile works

40 of 40 tools

Documented tools (40)

From project documentation. A server handshake does not verify each tool’s description or behavior.

figma_add_slot_property

Retrofit an existing frame as a slot via a manual SLOT property binding, with description and preferredValues

figma_append_to_slot

Populate an instance's slot by cloning an existing node or creating new content (setProperties rejects slot values by design — this is the population path)

figma_arrange_component_set

Organize variants into professional component sets

figma_audit_design_system_report

Scored health audit for any MCP client — six-category report (naming, tokens, metadata, accessibility, consistency, coverage) with per-finding remediation ("can this MCP fix it?"), chunked per-category drill-down, live-first data with disclosed source, 5-minute cache

figma_check_design_parity

Compare Figma component specs against code implementation, producing a scored diff report with actionable fix items

figma_clear_console

Clear log buffer

figma_create_component_set

Create a component set with variants in one declarative call

figma_create_slot

Add a slot to a component via the GA createSlot() API — the linked SLOT property is created automatically; works on standalone components and variants inside a component set

figma_create_variable

Create COLOR, FLOAT, STRING, or BOOLEAN variables

figma_create_variable_collection

Create new variable collections with modes

figma_diagnose

Designer-readable health check + setup guidance

figma_execute

Power tool: Run any Figma Plugin API code to create designs

figma_execute_across_files

Local Mode only. Run the same script in several Desktop Bridge-connected files at once, concurrently, returning a per-file result map — for cross-file consistency checks and fixes across a multi-file design system, replacing "open file, run plugin, repeat per file"

figma_export_tokens

Export Figma variables to design token files in your codebase. Canonical DTCG JSON (legacy hex dialect by default, or DTCG 2025.10 object colors/dimensions via dtcgDialect: "2025") plus CSS, Tailwind v4/v3, SCSS, TS, JSON, Style Dictionary, and Tokens Studio formats. Diff-aware merge against existin

figma_generate_component_doc

Generate platform-agnostic markdown documentation by merging Figma design data with code-side info

figma_get_component

Get component data (metadata or reconstruction spec)

figma_get_component_for_development

Component + image

figma_get_component_image

Just the image

figma_get_console_logs

Retrieve console logs

figma_get_design_system_kit

Full design system in one call — tokens, components, styles, visual specs

figma_get_file_data

Full file structure

figma_get_file_for_plugin

Optimized file data

figma_get_library_component_by_key

Resolve any component key to full properties + variants + visual specs — without needing the source library file's URL. Works for both COMPONENTSET and standalone COMPONENT keys. Adaptive compression at >500KB.

figma_get_library_components

Discover all components in a library file (requires library file URL/key)

figma_get_library_variables

List every variable from team libraries the current file has subscribed. Works on every Figma plan — uses the Plugin API path, not the Enterprise-only REST endpoint. Filter by libraryName, collectionName, or resolvedType.

figma_get_slots

List slots on a component, component set (aggregated across variants), or instance — ids, names, property keys, dimensions, and current children

figma_get_status

Check WebSocket bridge connection and file context

figma_get_styles

Color, text, effect styles

figma_get_variables

Extract design tokens/variables

figma_import_library_variable

Import a library variable into the current file. Returns a local id ready to pass to figmasetfills / figmaupdatevariable / any variable-binding tool.

figma_import_tokens

Push code-side token edits back to Figma with a full apply phase. Diffs against current Figma state, then applies value updates, creates missing collections/variables, applies renames, writes real alias (VARIABLEALIAS) references, and — only under strategy: "replace" — deletes Figma-only variables.

figma_navigate

Switch the active file target among connected plugins (Local), or navigate the cloud headless browser (Remote/Cloud)

figma_pair_plugin

Generate a pairing code to connect a Desktop Bridge plugin via the cloud relay

figma_reconnect

Force reconnect to the Desktop Bridge plugin

figma_reload_plugin

Reload current page

figma_reset_slot

Clear a slot's content on an instance

figma_set_description

Document components with rich descriptions

figma_take_screenshot

Capture UI screenshots

figma_update_variable

Update variable values in specific modes

figma_watch_console

Real-time log streaming

Tool change history

Compared across complete checks of the same configuration. Tools were listed, not invoked. Input-schema changes are not measured here.

No complete tool checks yet.

FAQ

Questions about Figma Console MCP Server

How do I connect Figma Console MCP Server to Claude?: The listing records `claude mcp add figma-console -s user -e FIGMA_ACCESS_TOKEN=figd_YOUR_TOKEN_HERE -e ENABLE_MCP_APPS=true -- npx -y figma-console-mcp@latest` as its setup step. Run it, then follow the repository's instructions for the client configuration; the listing names Claude Desktop, Claude Code, Cursor as compatible clients.
Is Figma Console MCP Server free?: The listed licence is MIT. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.
What can Figma Console MCP Server do?: Figma Console MCP Server documents 40 tools to the agent, including figma_add_slot_property, figma_append_to_slot, figma_arrange_component_set. The descriptions above come from project documentation. A live handshake does not test individual tool behavior.