How do I create a Figma Personal Access Token?

Log in to [**Figma**](https://figma.com), click your profile icon > **Settings** > **Personal access tokens**, click **Generate new token**, give it a name and copy the token immediately — it starts with `figd_` and won't be shown again.

How do I find a Figma file key?

The file key is the long alphanumeric string in the Figma URL. For example, in `figma.com/file/abc123xyz/My-Design`, the key is `abc123xyz`. You can also get recent files using the `get_recent_files` tool.

Can I export images from Figma designs?

Yes! Use `get_images` with the file key, node IDs and format (png, jpg, svg, pdf). You can set the scale (1x-4x) for raster formats. The API returns URLs to rendered images that you can download. Use `get_file_nodes` first to discover node IDs.

Can I read and reply to comments on a design?

Yes! Use `get_comments` to read all comments on a file, `post_comment` to add a new comment or reply (using comment_id), and `post_comment_reaction` to add emoji reactions. You can also pin comments to specific canvas positions using x/y coordinates.

Figma MCP Connector for Claude

A+

Access Figma design files, comments, components and images via API — inspect nodes, render exports and track version history from any AI agent.

16 tools Official Updated Jun 28, 2026 Official Vinkius Partner

More Details Connect to Claude

Connect your Figma account to any AI agent and gain full access to your design files, comments, components and version history through natural conversation.

What you can do

File Inspection — Get complete document trees, specific nodes and their properties (frames, components, text, shapes)
Image Export — Render any node as PNG, JPG, SVG or PDF with configurable scale
Comments — Read, post and react to comments with canvas position pinning
Version History — Browse file versions with labels, descriptions and creator info
Components — Audit published component libraries across your team
Recent Files — Quickly find files you've been working on recently
Team Projects — List projects, their files and design system components

How it works

Subscribe to this server
Enter your Figma Personal Access Token
Start exploring your designs from Claude, Cursor, or any MCP-compatible client

No more switching to the Figma app to check comments, find a file key or export an image. Your AI acts as a dedicated design ops assistant.

Who is this for?

Designers — quickly find recent files, review comments and export assets without opening the Figma app
Developers — inspect node properties, get component details and render images for implementation reference
Design Ops — audit component libraries, track version history and manage team projects via conversation

ui-ux-designdesign-systemsprototypingasset-exportfile-inspectionversion-history

16 tools expose this connector's capabilities to your AI agent.

get_comment_reactions

Each reaction includes the emoji, the user who reacted and the creation date. Get reactions on a Figma comment

get_comments

Each comment includes the message, author, creation date, position on canvas (client_meta) and resolved status. Use this to review feedback, design discussions and review threads. Get comments on a Figma file

get_component

Returns the component name, description, owning file and node ID. Get a published component by key

get_file

Returns the file name, version, nodes hierarchy, styles, components and component sets. The file key is found in the file URL: figma.com/file/<FILE_KEY>/<name>. Optionally set depth to limit how many levels of the node tree are returned. Use this to explore the full structure of a design file. Get a Figma file by key

get_file_nodes

Returns the node tree, styles and components for each requested node. Use this to inspect individual frames or components without loading the entire file. Node IDs can be found in the file URL when selecting a node or from the file document tree. Get specific nodes from a Figma file

get_file_versions

Each version includes its ID, label, description, creation date, creator and whether it is the current version. Useful for tracking design changes and restoring previous versions. Get version history of a Figma file

get_image_fills

Returns image URLs and the nodes they are applied to. Useful for cataloging all images used in a design. Get image fills used in a Figma file

get_images

Specify the node IDs and output format (png, jpg, svg, pdf). Optionally set scale (1x-4x) for raster formats. Returns URLs to the rendered images. Useful for exporting assets, thumbnails or previews from design files. Render Figma nodes as images

get_user

Returns user ID, email, handle, avatar URL and account type. Use this to verify your token is working correctly. Get the authenticated Figma user

get_project_files

Each file includes its key, name, creation date, last modified date and version. Optionally set branch_data to "true" to include branch information. Get files in a Figma project

get_recent_files

Returns file key, name, last modified date, thumbnail URL and associated project. Useful for quickly finding files you've been working on. Get recently accessed Figma files

get_team_component_sets

Useful for understanding the structure of the team's design system libraries. Get published component sets for a Figma team

get_team_components

Each component includes its key, name, description, owning file and creation metadata. Useful for auditing the team's design system. Get published components for a Figma team

get_team_projects

Each project has an ID, name and creation date. Use the team ID from the team URL or from get_user. Get projects in a Figma team

post_comment

Requires the file key and message text. Optionally set a position on the canvas using x/y coordinates to pin the comment to a specific location, or reply to an existing comment using comment_id. Post a comment on a Figma file

post_comment_reaction

Provide the file key, comment ID and the emoji character (e.g. "👍", "❤️", "🔥"). Add a reaction to a Figma comment