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.

50 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.

create_dev_resourceChanges dataCreate a new dev resource. Required: dev resources. API summary: Create dev resources.
create_developer_logChanges dataCreate a new developer log. API summary: Get developer logs.
create_document_variableChanges dataCreate a new variable for a document. API summary: Create/modify/delete variables.
create_webhookDeletesCreate a new webhook. Required: event type, context, context id, endpoint or passcode. Destructive action; may require approval. API summary: Create a webhook.
delete_commentDeletesDelete one of your own comments from a file by its comment ID (passed as `message_id`).
delete_comment_reactionsMoves moneyPermanently delete a reaction by comment id. Financial or irreversible action; may require approval.
delete_document_dev_resourceDeletesPermanently delete a dev resource by dev resource id. Destructive action; may require approval. API summary: Delete dev resource.
delete_webhookDeletesPermanently delete a webhook by webhook id. Destructive action; may require approval.
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_component_setGet one component set by component set key. API summary: Get component set.
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_library_analytics_style_action_dataList actions. Optional filters: group by, start date or end date. Results are paginated. API summary: Get library analytics style action data.
get_library_analytics_style_usage_dataList usages. Optional filters: group by. Results are paginated. API summary: Get library analytics style usage data.
get_library_analytics_variable_action_dataList actions. Optional filters: group by, start date or end date. Results are paginated. API summary: Get library analytics variable action data.
get_library_analytics_variable_usage_dataList usages. Optional filters: group by. Results are paginated. API summary: Get library analytics variable usage data.
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.
get_styleGet one style by style key. API summary: Get style.
get_webhookGet one webhook by webhook id. API summary: Get a webhook.
list_actionsList actions. Optional filters: group by, start date or end date. Results are paginated. API summary: Get library analytics component action data.
list_activity_logsList activity logs. Optional filters: events, start time, end time or order. Results are paginated. API summary: Get activity logs.
list_comment_reactionsList reactions for a comment. Results are paginated. API summary: Get reactions for a comment.
list_commentsList the comments on a file by `file_key`, with author, text, pinned location and replies; set `as_md` for Markdown text.
list_dailiesList dailies. Optional filters: start date, end date or user email. Results are paginated. API summary: Get daily AI credit usage.
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_document_component_setsList component sets for a document. API summary: Get file component sets.
list_document_imagesList images for a document. API summary: Get image fills.
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_folder_metaList meta for a folder. API summary: Get folder metadata.
list_localsList locals. API summary: Get local variables.
list_oembedsList oembeds. Optional filters: url, maxwidth or maxheight. API summary: Get oEmbed data.
list_paymentsList payments. Optional filters: plugin payment token, user id, community file id, plugin id or widget id. API summary: Get payments.
list_project_filesList the design files in a project or folder by `folder_id`, with file keys, names, thumbnails and last-modified dates.
list_publishedsList publisheds. API summary: Get published variables.
list_subfoldersList the folders inside a project or folder by `folder_id`.
list_team_component_setsList component sets for a team. Optional filters: before. Results are paginated. API summary: Get team component sets.
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_team_stylesList styles for a team. Optional filters: before. Results are paginated. API summary: Get team styles.
list_usagesList usages. Optional filters: group by. Results are paginated. API summary: Get library analytics component usage data.
list_versionsList a file's version history: saved versions with labels, descriptions, authors and dates.
list_webhook_requestsList requests for a webhook. API summary: Get webhook requests.
list_webhooksList webhooks. Optional filters: context, context id or plan api id. Results are paginated. API summary: Get webhooks by context or plan.
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`.
update_dev_resourcesVisible to othersUpdate an existing dev resource. Has effects visible outside this system. API summary: Update dev resources.
update_webhookDeletesUpdate an existing webhook identified by webhook id. Destructive action; may require approval. API summary: Update a webhook.

Set up in three steps

1
Pick the app
Create a free HeyMyApps 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:
1. Click your name, then Settings › Connectors › Add custom connector.
2. Paste your link as the Remote MCP server URL.
3. 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 HeyMyApps 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?

HeyMyApps 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.