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

Unclaimed listing

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

Tools (40)

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