figma_export_tokens

MCP tool from Figma Console MCP by southleft

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

How to use it

figma_export_tokens is exposed by the Figma Console MCP MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the figma_export_tokens tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.

Install Figma Console MCP

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

FULL FIGMA CONSOLE MCP LISTING

Other tools in Figma Console MCP (39)

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_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