Integration · Udviklerværktøjer

Forbind Claude og ChatGPT med Figma

Spørg din AI, hvilken feedback der er åben på et design, hvad der er ændret i seneste version, eller bed den eksportere en frame som billede fra Figma. Den læser filer, sider, frames og lag, kommentarer og versionshistorik og viser komponenter og styles i jeres biblioteker. Den kan også skrive og besvare kommentarer, så designgennemgangen kan starte i chatten.

Forbind Figma gratis

Gratis plan uden kreditkort. Det tager cirka et minut.

Prøv at spørge

“Opsummer de åbne kommentarer i filen Checkout redesign.”
AI'en viser filens kommentarer med forfatter, tekst, svar og placering og opsummerer, hvad der stadig er åbent.
“Eksportér frame'en Mobile / Home som PNG i 2x.”
Den gengiver frame'en som PNG i skala 2 og giver dig et downloadlink, der udløber efter 30 dage.
“Hvad er der ændret i Checkout-filen i denne uge?”
Den viser de gemte versioner med navn, beskrivelse, forfatter og dato.

Det kan din AI

Filer og lag

Læs en fils sider og frames, hent bestemte lag via node-id, og eksportér frames eller lag som PNG-billeder.

Kommentarer og versioner

Læs kommentarer og svar, skriv og reagér på kommentarer, og se en fils versionshistorik.

Biblioteker og projekter

Se udgivne komponenter og styles, gennemgå et teams projekter og filer, og læs udviklerlinks på lag.

“Hvilke komponenter ligger i vores designsystem-bibliotek?”
Den viser de udgivne komponenter i biblioteksfilen med navn og beskrivelse.
“Svar på Annas kommentar om headeren: rettet i version 12.”
Den skriver dit svar i samme kommentartråd, synligt for alle med adgang til filen.
“Vis tekststyles og farver i brand-biblioteket.”
Den viser de udgivne farve-, tekst-, effekt- og grid-styles i biblioteksfilen.

18 værktøjer til Figma

Værktøjerne er slået til, når du forbinder. Du kan slå dem fra enkeltvis eller kræve din godkendelse, før de kører.

delete_commentSletterDelete 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_commentÆndrer 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_commentÆndrer dataAdd an emoji reaction (e.g. ':+1:') to a comment by `file_key` and `comment_id`.

Klar i tre trin

1
Vælg systemet
Opret en gratis PipMCP-konto, og vælg Figma på listen.
2
Indsæt din nøgle
Indsæt et personal access token fra Figma. Åbn Settings fra kontomenuen > Security > Personal access tokens, klik Generate new token, vælg de rettigheder, du har brug for, og kopiér tokenet.
3
Tilføj linket i din AI
Du får et personligt MCP-link. Tilføj det i Claude, ChatGPT eller Cursor:
Klik på dit navn, og vælg Settings › Connectors › Add custom connector. Indsæt dit link som Remote MCP server URL. Slå det til fra +-menuen i en chat.

Spørgsmål

Hvad kan AI'en gøre i Figma?

AI'en kan læse filer, sider, frames og lag, kommentarer, versionshistorik, udgivne komponenter og styles, teamets projekter og udviklerlinks og eksportere frames eller lag som PNG-billeder. Den kan skrive og besvare kommentarer og tilføje reaktioner. Den kan også slette en af dine egne kommentarer, hvis du slår det værktøj til.

Kan AI'en se mit Figma access token?

Nej. Dine Figma-oplysninger gemmes krypteret og vises aldrig for AI'en. Når du har gemt dem, bliver de ikke vist igen, heller ikke for dig. AI'en ser kun resultaterne af de værktøjer, den bruger.

Kan jeg styre, hvad AI'en må?

Ja. Du vælger, hvilke værktøjer der er slået til, så du kan starte med kun at læse. En kommentar er synlig for alle med adgang til filen, og sletning af en kommentar er permanent, så begge dele kan kræve din godkendelse, før de udføres. Alle kald bliver logget.

Virker det med ChatGPT?

Ja. I ChatGPT går du til Settings › Apps & Connectors › Advanced og slår Developer mode til. Derefter tilføjer du dit PipMCP-link. Developer mode kræver et betalt ChatGPT-abonnement: Plus, Pro, Business eller Enterprise. Samme link virker også i Claude (Settings › Connectors › Add custom connector), Cursor og andre MCP-klienter.

Hvad koster det?

PipMCP har en gratis plan, og du skal ikke bruge betalingskort. Betalte planer afregnes pr. gennemført opgave. Du skal også selv have en Figma-konto.

Kan AI'en ændre mine designs?

Nej. AI'en læser designs og eksporterer billeder, men den retter ikke i lag eller frames. Det eneste, den kan skrive, er kommentarer og reaktioner. Vil du pege den på en fil eller frame, så indsæt linket fra Figma. Filnøglen og node-id'et står i adressen.