Figma Console MCP Server: Setup for Claude, Cursor and Other Apps

• Checks that the assistant is connected to Figma

  Reports whether the Desktop Bridge plugin is connected and which file is open. Run it first when something does not work.

  Try: “Check Figma status.”

  Read · figma_get_status

• Runs a health check and tells you how to fix setup

  Runs a designer-readable health check of the connection and gives setup guidance.

  Try: “Why can't you reach my Figma file?”

  Read · figma_diagnose

• Pulls tokens, components and styles of a file in one go

  Returns the whole design system of a file in one call: tokens, components, styles and visual specs.

  Try: “Extract the full design system from this Figma file.”

  Network · figma_get_design_system_kit

• Reads the design tokens (variables) in a file

  Extracts the variables and tokens defined in a Figma file.

  Try: “List every color variable in this file with its light and dark values.”

  Network · figma_get_variables

• Reads color, text and effect styles

  Returns the color, text and effect styles of a file.

  Try: “What text styles does this file define?”

  Network · figma_get_styles

• Reads the structure of a Figma file

  Returns the full structure of a file, such as its pages and layers.

  Try: “Give me an outline of the pages and frames in this file.”

  Network · figma_get_file_data

• Reads one component's data

  Returns metadata or a rebuild spec for a component.

  Try: “Show me the properties of the Button component.”

  Network · figma_get_component

• Takes a picture of a page or a layer

  Exports an image of a page or node so the assistant can look at it.

  Try: “Take a screenshot of the Login frame.”

  Read · figma_take_screenshot

• Tells you what is selected in Figma right now

  Returns the nodes currently selected in Figma. Local mode only.

  Try: “What do I have selected?”

  Read · figma_get_selection

• Scores your design system across six areas

  Runs a scored audit of naming, tokens, metadata, accessibility, consistency and coverage, with fix guidance for each finding.

  Try: “Audit this design system and list the biggest problems.”

  Read · figma_audit_design_system_report

• Compares a Figma component with its code

  Compares a component's Figma spec with your code and returns a scored diff with fix items.

  Try: “Does the Card component in Figma match src/components/Card.tsx?”

  Files · figma_check_design_parity

• Writes markdown docs for a component

  Merges Figma data with code-side information into markdown documentation. It can add a changelog from Figma versions and git history.

  Try: “Generate docs for the Tabs component, including its history.”

  Files · figma_generate_component_doc

• Checks the design against accessibility rules

  Runs WCAG and design-system checks on the canvas and tags them by level.

  Try: “Lint this page for accessibility problems.”

  Read · figma_lint_design

• Scores a component's accessibility

  Returns a scorecard covering state coverage, focus indicators and color-blind simulation.

  Try: “Run an accessibility scorecard on the Input component.”

  Read · figma_audit_component_accessibility

• Scans HTML for accessibility problems

  Runs an axe-core scan on HTML you give it.

  Try: “Scan this HTML snippet for accessibility issues.”

  Read · figma_scan_code_accessibility

• Runs any Figma plugin code to build or change designs

  Runs Figma Plugin API code against your open file. It is the general-purpose tool for creating frames, shapes, text and components, and it can change or delete anything the code touches.

  Try: “Create a pricing card with a title, three bullet points and a button.”

  Delete · figma_execute

• Runs the same script in several open Figma files

  Runs one script in many connected files at once and returns a result per file. You must name the files or pass all of them. Local mode only.

  Try: “Rename the Primary color variable in all my open library files.”

  Delete · figma_execute_across_files

• Builds a component with every variant combination

  Generates all variants from an axes matrix, such as state by size, off a base component.

  Try: “Make a Button set with states default, hover, disabled and sizes sm, lg.”

  Write · figma_create_component_set

• Places a component into your design

  Places an instance of a component and lets you set its properties.

  Try: “Add three Button instances to the Hero frame.”

  Write · figma_instantiate_component

• Sets auto layout or grid layout

  Sets direction, gaps, padding, alignment and grid tracks in one call.

  Try: “Make this frame a vertical auto layout with 16px gaps.”

  Write · figma_set_layout

• Changes the text in a layer

  Edits the text content of a text layer.

  Try: “Change the heading text to "Welcome back".”

  Write · figma_set_text

• Changes fill colors, including variable bindings

  Sets fills on a layer, with support for binding to variables and CSS color formats.

  Try: “Fill the card with the surface color variable.”

  Write · figma_set_fills

• Deletes a layer

  Removes a node from the file.

  Try: “Delete the empty frame named "Untitled".”

  Delete · figma_delete_node

• Creates a collection of variables with modes

  Creates a new variable collection, optionally with modes such as Light and Dark.

  Try: “Create a Colors collection with Light and Dark modes.”

  Write · figma_create_variable_collection

• Creates a color, number, text or boolean variable

  Creates one variable in a collection.

  Try: “Add a color variable brand/primary set to #0B5FFF.”

  Write · figma_create_variable

• Changes a variable's value in a mode

  Updates a variable value in a given mode.

  Try: “Set brand/primary to #0A4FD6 in dark mode.”

  Write · figma_update_variable

• Creates up to 100 variables at once

  Creates many variables in one call, which the README says is much faster than one by one.

  Try: “Create these 40 spacing variables from the list.”

  Write · figma_batch_create_variables

• Sets up a full token system in one step

  Creates a collection, modes and variables together. Values can reference other tokens.

  Try: “Set up color tokens with light and dark modes from this palette.”

  Write · figma_setup_design_tokens

• Deletes a variable

  Deletes a variable from a collection.

  Try: “Delete the unused variable spacing/legacy.”

  Delete · figma_delete_variable

• Deletes a collection and all its variables

  Deletes a whole collection together with every variable in it.

  Try: “Delete the Old Colors collection.”

  Delete · figma_delete_variable_collection

• Exports variables as token files for your codebase

  Writes variables out as DTCG JSON, CSS, Tailwind, SCSS, TypeScript, Style Dictionary and other formats. It merges into existing files.

  Try: “Export my Figma variables as Tailwind v4 CSS into tokens/.”

  Write · figma_export_tokens

• Pushes token changes from code back to Figma

  Compares token files with Figma and applies creates, renames, alias changes and value updates. With the replace strategy it also deletes variables missing from the files.

  Try: “Sync tokens.json back into my Figma variables.”

  Delete · figma_import_tokens

• Lists a file's version history

  Lists saved versions of a Figma file.

  Try: “Show the last 10 versions of this file.”

  Network · figma_get_file_versions

• Shows what changed between two versions

  Returns a structured diff, including component property and variable binding changes.

  Try: “What changed in the Button component since last week?”

  Network · figma_diff_versions

• Finds when and by whom something was added

  Finds when, and by whom, a property or variant was introduced.

  Try: “Who added the Danger variant to Button?”

  Network · figma_blame_node

• Reads comments on a file

  Returns file comments, optionally for one node.

  Try: “Summarize the open comments on this file.”

  Network · figma_get_comments

• Posts a comment on a file

  Posts a comment, optionally pinned to a node.

  Try: “Comment on the checkout frame that the button contrast is low.”

  Write · figma_post_comment

• Deletes a comment

  Deletes a comment from a file.

  Try: “Delete my comment about the old logo.”

  Delete · figma_delete_comment

• Lists variables from subscribed team libraries

  Lists every variable from team libraries the file uses. The README says it works on every Figma plan.

  Try: “List the variables from our brand library.”

  Read · figma_get_library_variables

• Adds a sticky note to a FigJam board

  Creates a sticky note with a color of your choice.

  Try: “Add a yellow sticky "Launch checklist" to the board.”

  Write · figjam_create_sticky

• Adds up to 200 sticky notes at once

  Creates many sticky notes in one call.

  Try: “Put each of these 20 survey answers on its own sticky.”

  Write · figjam_create_stickies

• Adds a table to a FigJam board

  Creates a table filled with the data you give it.

  Try: “Create a table with feature and owner columns.”

  Write · figjam_create_table

• Reads everything on a FigJam board

  Returns all content on a FigJam board.

  Try: “Summarize the board from the retro.”

  Read · figjam_get_board_contents

• Lists the slides in a deck

  Lists all slides with IDs, positions and skip status.

  Try: “List my slides.”

  Read · figma_list_slides

• Adds a blank slide

  Creates a new blank slide.

  Try: “Add a new slide after slide 3.”

  Write · figma_create_slide

• Adds text to a slide

  Adds text with fonts, colors, alignment and wrapping.

  Try: “Add a title "Q4 results" to slide 2.”

  Write · figma_add_text_to_slide

• Deletes a slide

  Removes a slide from the deck.

  Try: “Delete slide 5.”

  Delete · figma_delete_slide

• Animates a layer

  Applies a Figma motion preset, custom animation or keyframes to a layer. It is a beta Figma feature.

  Try: “Fade in the hero title over 0.4 seconds.”

  Write · figma_apply_animation

• Scans your app code for components and styling

  Scans one or more codebases and returns a ranked component inventory and styling details. Local mode only; it reads your files.

  Try: “Analyze ./apps/web for components and styling patterns.”

  Files · figma_ds_analyze

• Turns your app's styling into design tokens

  Mines CSS variables, SCSS, Tailwind config and class usage into token files. Local mode only.

  Try: “Extract design tokens from ./apps/web.”

  Write · figma_ds_extract_tokens

• Creates a design-system package from extracted tokens

  Generates a package with token files, docs pages and a README. Local mode only; it writes files.

  Try: “Scaffold a design system package from the extracted tokens.”

  Write · figma_ds_scaffold

Watch out for

• It can run any plugin code in your open file

  The main creation tool runs Figma Plugin API code, which can change or delete anything in the file. Use a duplicate for risky work. github.com

• It can delete layers, variables and comments

  Delete tools exist for nodes, variables, variable collections, component properties, comments, slides and animations. Token import can also delete variables when set to replace. Registered in the published package (figma-console-mcp 1.46.0). github.com

• Some tools read and write files on your computer

  Token export and the codebase tools read and write local files. Run them only in project folders you trust. github.com

• The token is a personal Figma token

  Anyone holding it can use the scopes you gave it. Give it only the read scopes unless you need comments. github.com

• Cloud Mode sends commands through a hosted relay

  Cloud Mode relays commands via the project's hosted server. The local setup does not use it. github.com

Security advisories