Integration · Developer tools

Connect Claude & ChatGPT to Figma

Ask your AI what feedback is open on a design, what changed in the last version, or to export a frame as an image from Figma. It reads files, pages, frames and layers, comments and version history, and lists the components and styles in your libraries. It can also post and reply to comments, so design reviews can start in the chat.

Connect Figma free

Free plan, no credit card. Takes about a minute.

Try asking

“Summarize the open comments on the Checkout redesign file.”
The AI lists the file's comments with author, text, replies and where they are pinned, and sums up what is still open.
“Export the Mobile / Home frame as a PNG at 2x.”
It renders the frame as a PNG at scale 2 and gives you a download link that expires after 30 days.
“What changed in the Checkout file this week?”
It lists the saved versions with labels, descriptions, authors and dates.

What your AI can do

Files and layers

Read a file's pages and frames, fetch specific layers by node ID, and export frames or layers as PNG images.

Comments and versions

Read comments and replies, post and react to comments, and see the version history of a file.

Libraries and projects

List published components and styles, browse a team's projects and files, and read developer links on layers.

“Which components are in our design system library?”
It lists the published components in the library file with name and description.
“Reply to Anna's comment on the header: fixed in version 12.”
It posts your reply in the same comment thread, visible to everyone with access to the file.
“List the text styles and colors in the brand library.”
It lists the published color, text, effect and grid styles in the library file.

18 tools for Figma

These tools are switched on when you connect. You can switch any of them off, or require your approval before it runs.

delete_commentDeletesDelete one of your own comments from a file by its comment ID (passed as `message_id`).
export_imagesRender frames or layers as PNG images and get download links: `file_key`, comma-separated node `ids`, and optional `scale` (0.01–4). Links expire after 30 days.
get_componentGet one published component by its `component_key`, with its name, description, file and thumbnail.
get_current_userGet the signed-in user's name, email and user ID.
get_fileGet a file's document tree by its file key (passed as `document_key`). Use a small `depth` (e.g. 2) to see pages and top-level frames; big files can be very large.
get_file_infoGet a file's basic details by `file_key` (from the file URL): name, owner, editor type, thumbnail and last edit, without loading the design.
get_nodesGet specific layers or frames of a file by `file_key` and comma-separated node `ids` (from the node-id in a Figma URL, e.g. '12:34'), with their properties and children.
list_commentsList the comments on a file by `file_key`, with author, text, pinned location and replies; set `as_md` for Markdown text.
list_dev_resourcesList the developer links (e.g. to code, tickets or docs) attached to layers in a file, optionally for specific `node_ids`.
list_file_componentsList the published components in a library file by `file_key`.
list_file_stylesList the published color, text, effect and grid styles in a library file by `file_key`.
list_project_filesList the design files in a project or folder by `folder_id`, with file keys, names, thumbnails and last-modified dates.
list_subfoldersList the folders inside a project or folder by `folder_id`.
list_team_componentsList all published components in a team's libraries by `team_id`.
list_team_projectsList the projects (folders) in a team by `team_id`, the number after /team/ in a Figma team URL.
list_versionsList a file's version history: saved versions with labels, descriptions, authors and dates.
post_commentChanges dataPost a comment on a file with `file_key` and `message`; reply to a comment with `comment_id`, or pin it to a spot or node with `client_meta`. Everyone with access to the file can see it.
react_to_commentChanges dataAdd an emoji reaction (e.g. ':+1:') to a comment by `file_key` and `comment_id`.

Set up in three steps

1
Pick the app
Create a free PipMCP account and choose Figma from the app list.
2
Paste your key
Paste a Figma personal access token. Open Settings from the account menu > Security > Personal access tokens, click Generate new token, choose the scopes you need and copy the token.
3
Add the link to your AI
You get a personal MCP link. Add it to Claude, ChatGPT or Cursor:
Click your name, then Settings › Connectors › Add custom connector. Paste your link as the Remote MCP server URL. Switch it on from the + menu in a chat.

Questions

What can the AI do in Figma?

The AI can read files, pages, frames and layers, comments, version history, published components and styles, team projects and developer links, and export frames or layers as PNG images. It can post and reply to comments and add reactions. It can also delete one of your own comments if you switch that tool on.

Does the AI see my Figma access token?

No. Your Figma credentials are encrypted at rest and never shown to the AI. After you save them, they are not shown again, not even to you. The AI only sees the results of the tools it calls.

Can I control what the AI is allowed to do?

Yes. You choose which tools are switched on, so you can start read-only. Posting a comment is visible to everyone with access to the file, and deleting one is permanent, so both can require your approval before they run. Every tool call is logged.

Does it work with ChatGPT?

Yes. In ChatGPT go to Settings › Apps & Connectors › Advanced and turn on Developer mode, then add your PipMCP link. Developer mode needs a paid ChatGPT plan: Plus, Pro, Business or Enterprise. The same link also works in Claude (Settings › Connectors › Add custom connector), Cursor and other MCP clients.

What does it cost?

PipMCP has a free plan with no credit card required. Paid plans bill per completed task. You also need your own Figma account.

Can the AI change my designs?

No. The AI reads designs and exports images, but it does not edit layers or frames. The only things it can write are comments and reactions. To point it at a file or frame, paste the Figma link. The file key and node ID are in the URL.