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.

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

create_dev_resourceÆndrer dataOpret en ny udviklingsressource. Krav: Udviklingsressourcer. API-overblik: Opret udviklingsressourcer.
create_developer_logÆndrer dataOpret en ny udviklerlogbog. API-overblik: Hent udviklerlogbøger.
create_document_variableÆndrer dataOpret en ny variabel for et dokument. API-overblik: Opret/ændr/slet variabler.
create_webhookSletterOpret en ny webhook. Krav: begivenhedstype, kontekst, kontekst-id, endpoint eller passcode. Destructive action; may require approval. API-overblik: Opret en webhook.
delete_commentSletterSlet en af dine egne kommentarer fra en fil ved hjælp af dens kommentar-ID (overført som `message_id`).
delete_comment_reactionsFlytter pengeSlet permanent en reaktion ved kommentar-id. Finansiell eller ireversibel handling; kan kræve godkendelse.
delete_document_dev_resourceSletterSlet permanent en udviklingsressource ved udviklingsressource-id. Destructive action; may require approval. API-overblik: Slet udviklingsressource.
delete_webhookSletterSlet en webhook permanent ved hjælp af webhook-ID. Destructive action; kan kræve godkendelse.
export_imagesRender rammer eller lag som PNG-billeder og hent download-links: `file_key`, komma-adskilte node `ids`, og valgfrit `scale` (0.01–4). Links udløber efter 30 dage.
get_componentHent en offentliggjort komponent ved hjælp af dens `component_key`, med navn, beskrivelse, fil og miniature.
get_component_setHent en komponent-sæt ved komponent-sæt-nøgle. API-overblik: Hent komponent-sæt.
get_current_userHent navnet, e-mail og bruger-id for den indloggede bruger.
get_fileHent et dokument-træ for en fil ved hjælp af dens fil-nøgle (overført som `document_key`). Brug en lille `depth` (f.eks. 2) for at se sider og øverste rammer; store filer kan være meget store.
get_file_infoHent en fils grundlæggende detaljer via `file_key` (fra fil-urlen): navn, ejer, redigeringstype, miniature og sidste ændring, uden at indlæse designet.
get_library_analytics_style_action_dataListe handlinger. Valgfrie filtre: gruppér, startdato eller slutdato. Resultater er pagineret. API-overblik: Hent biblioteksanalyser stil handling data.
get_library_analytics_style_usage_dataListe brugen. Valgfrie filtre: gruppér. Resultater er pagineret. API-overblik: Hent biblioteksanalyser stil brug data.
get_library_analytics_variable_action_dataListe handlinger. Valgfrie filtre: gruppér, startdato eller slutdato. Resultater er pagineret. API-overblik: Hent biblioteksanalyser variabel handling data.
get_library_analytics_variable_usage_dataListe brugen. Valgfrie filtre: gruppér. Resultater er pagineret. API-overblik: Hent biblioteksanalyser variabel brug data.
get_nodesHent specifikke lag eller rammer i en fil via `file_key` og kommaadskilte knude `ids` (fra knude-id'en i en Figma-url, f.eks. '12:34'), med deres egenskaber og børn.
get_styleHent en stil ved stilk-nøgle. API-overblik: Hent stil.
get_webhookFå én webhook ved at bruge webhooks ID som referencer. API oversigt: Få en webhook.
list_actionsListe handlinger. Valgfrie filtre: gruppér, startdato eller slutdato. Resultater er pagineret. API-overblik: Hent biblioteksanalyser komponent handling data.
list_activity_logsListe aktivitetsloger. Valgfrie filtre: begivenheder, starttidspunkt, sluttidspunkt eller rækkefølge. Resultater er pagineret. API-overblik: Hent aktivitetsloger.
list_comment_reactionsVis reaktioner på en kommentar. Resultater er sorteret. API oversigt: Hent reaktioner til en kommentar.
list_commentsVis kommentarerne på en fil via `file_key`, med forfatter, tekst, fastlåst placering og svar; sæt `as_md` til Markdown-tekst.
list_dailiesVis daglige AI-kreditforbrug. Valgfrie filtre: startdato, slutdato eller bruger e-mail. Resultater er sorteret. API oversigt: Hent dagligt forbrug af AI-kreditter.
list_dev_resourcesVis udviklerlinkene (f.eks. til kode, opgaver eller dokumentation) der er knyttet til lag i en fil, evt. for specifikke `node_ids`.
list_document_component_setsVis komponentmængder til et dokument. API oversigt: Hent filkomponentmængder.
list_document_imagesVis billeder til et dokument. API oversigt: Hent billedfyldninger.
list_file_componentsVis de publicerede komponenter i en biblioteksfil via `file_key`.
list_file_stylesVis de publicerede farve-, tekst-, effekt- og gitterstiler i en biblioteksfil via `file_key`.
list_folder_metaVis metadata til en mappe. API oversigt: Hent mappemetadata.
list_localsVis lokale variabler. API oversigt: Hent lokale variabler.
list_oembedsVis oembeds. Valgfrie filtre: url, maxbredde eller maxhøjde. API oversigt: Hent oEmbed-data.
list_paymentsVis betalinger. Valgfrie filtre: pluginbetalingstoken, bruger-id, communityfil-id, plugin-id eller widget-id. API oversigt: Hent betalinger.
list_project_filesVis designfilerne i et projekt eller mappe via `folder_id`, med filnøgler, navne, miniature og sidste ændringsdatoer.
list_publishedsVis publicerede variabler. API oversigt: Hent publicerede variabler.
list_subfoldersVis mapperne inde i et projekt eller mappe via `folder_id`.
list_team_component_setsVis komponentmængder til et team. Valgfrie filtre: før. Resultater er sorteret. API oversigt: Hent teamkomponentmængder.
list_team_componentsVis alle publicerede komponenter i teams biblioteker via `team_id`.
list_team_projectsVis projekterne (mapper) i et team via `team_id`, nummeret efter /team/ i en Figma-team-url.
list_team_stylesVis stiler til et team. Valgfrie filtre: før. Resultater er sorteret. API oversigt: Hent teamstiler.
list_usagesVis brugen. Valgfrie filtre: gruppér efter. Resultater er sorteret. API oversigt: Hent biblioteksanalytik komponentbrugsdata.
list_versionsVis filens versionshistorik: gemte versioner med etiketter, beskrivelser, forfattere og datoer.
list_webhook_requestsVis anmodninger til en webhook. API oversigt: Hent webhook-anmodninger.
list_webhooksListe webhook'er. Valgfrie filtre: kontekst, kontekst-id eller plan-api-id. Resultater er pagineret. API-overblik: Hent webhook'er efter kontekst eller plan.
post_commentÆndrer dataLæg en kommentar på en fil med `file_key` og `message`; svar på en kommentar med `comment_id`, eller fastsæt den i et sted eller node med `client_meta`. Alle med adgang til filen kan se den.
react_to_commentÆndrer dataTilføj en emoji-reaktion (f.eks. ':+1:') til en kommentar ved hjælp af `file_key` og `comment_id`.
update_dev_resourcesSynligt for andreOpdater en eksisterende udviklingsressource. Effekter er synlige uden for dette system. API-overblik: Opdater udviklingsressourcer.
update_webhookSletterOpdater en eksisterende webhook identificeret ved webhook id. Destructive action; may require approval. API oversigt: Opdater en webhook.

Klar i tre trin

1
Vælg systemet
Opret en gratis HeyMyApps-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:
1. Klik på dit navn, og vælg Settings › Connectors › Add custom connector.
2. Indsæt dit link som Remote MCP server URL.
3. 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 HeyMyApps-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?

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