AI Design

Figma Make: Hvad det er, hvordan det virker, kreditter og begrænsninger (2026)13 min read

Reading Time: 7 minutesFigma Make er Figma's AI prompt-to-app-værktøj. Her er, hvad det er, hvordan det fungerer trin for trin, hvem der kan bruge det, hvordan AI-kreditter fungerer, hvordan man udgiver og eksporterer kode, og hvor dets grænser er.

Figma Make complete review: features, cost, updates, with Figma and Anima logos

Figma Make: Hvad det er, hvordan det virker, kreditter og begrænsninger (2026)13 min read

Reading Time: 7 minutes

Figma Make er Figma’s AI prompt-to-app-værktøj. Du beskriver, hvad du ønsker, eller tager udgangspunkt i et Figma-design, og det bygger en fungerende prototype eller web-app, som du kan forhåndsvise, forfine i chat, redigere i kode og publicere. Den sidder inde i Figma som en dedikeret Make-fil, så den kan bruge dine designs og biblioteker som kontekst. Den henvender sig til designere, produktchefer og alle, der har brug for at gøre en idé til noget, folk kan klikke på.

Fakta kontrolleret mod Figma Make-siden og Figma-hjælpecenteret den 1. november 2026. Planer, kreditter og funktioner ændres ofte, så bekræft de aktuelle detaljer i Figma, før du køber.

Denne guide forklarer, hvad Figma Make er, hvordan det fungerer trin for trin, hvilke funktioner der betyder noget, hvem der kan bruge det, hvordan AI-kreditter fungerer, hvordan man udgiver og eksporterer, og hvor dets grænser er. Hvis du vælger mellem værktøjer, er vores Figma Make vs Anima Playground sammenligning dækker over alternativer.

Hvad er Figma Make?

Figma beskriver Figma Make som et AI-drevet, prompt-til-app-værktøj, der lader dig bringe ideer og eksisterende Figma-design til live som funktionelle prototyper, webapps og interaktive brugergrænseflader. Du arbejder i en chat ved siden af ​​en live forhåndsvisning, og alt hvad du bygger er kodestøttet, så du kan skifte mellem forhåndsvisningen, peg-og-klik-redigeringer og selve koden.

Figma introducerede Make ved Config 2025, og det er vokset fra en enkelt-komponent idé til et komplet produkt med plantilstand, en kodeeditor, backends, publicering og integrationer. Den er adskilt fra Figma Design: du opretter en Make-fil på samme måde, som du opretter andre Figma-filer, ved at bruge Make-knappen i dine kladder.

Figma Make chat-prompt, der beder om en afspilningsindstillingsmodal ved siden af ​​det genererede interaktive lydindstillingspanel med en equalizer
Billede: Figma. En prompt og et vedhæftet design bliver til et interaktivt indstillingspanel.

Hvad kan du bygge med Figma Make?

  • En klikbar prototype af et flow eller en funktion til at teste med brugere.
  • En interaktiv version af et eksisterende Figma-design med overgange og logik.
  • En lille webapp eller internt værktøj med en backend til data og login.
  • En landingsside eller et mikrosite, du kan udgive til en offentlig URL.

Sådan fungerer Figma Make, trin for trin

  1. Opret en Make-fil. I Figma-filbrowseren skal du åbne dine kladder og klikke Make i øverste højre hjørne. Du kan også starte fra en skabelon eller ved at klone et GitHub-lager.
  2. Skriv en prompt. Beskriv, hvad du vil bygge i chatten. Du kan skrive eller diktere. Vær specifik omkring brugeren, hovedopgaven og skærmbillederne.
  3. Tilføj kontekst. Vedhæft Figma-designs eller indsæt rammer i chatten, bring stilkontekst fra et Figma-bibliotek (betalte planer), tilføj en backend, tilslut værktøjer gennem MCP-forbindelser, eller lad Make søge på nettet eller hente en URL.
  4. Planlæg først, hvis du vil have kontrol. På betalte planer genererer plantilstand en struktureret plan, som du kan redigere, før der skrives nogen kode.
  5. Gennemgå forhåndsvisningen. Make bygger appen og viser den live. Klik igennem det, som en bruger ville.
  6. Raffinere. Fortsæt med at chatte, brug peg og rediger til at ændre specifikke elementer, tilføje annoteringer og sende dem sammen, eller åbn kodeeditoren og skift koden direkte.
  7. Del eller udgiv. Del filen for feedback med kommentarer, kopier forhåndsvisningen tilbage til Figma Design som lag, udgiv den til en offentlig URL, eller download koden.
Figma Make-arbejdsområde med AI-chatten til venstre, hvor en prompt beder om en medieafspiller, og live app-forhåndsvisningen til højre
Billede: Figma. Spørg i chatten til venstre, live forhåndsvisning af den genererede app til højre.

Et praktisk tip fra Figma’s dokumenter: vedhæft en ramme eller en komponent i stedet for at indsætte et link til din Figma-fil. Make læser ikke et design fra en URL, og et indsat link kan føre til uventet output.

Nøgle Figma Make funktioner

Feature Hvad den gør
Plantilstand Opretter en redigerbar plan før genereringen starter, så du kan afklare hensigten først.
Vedhæftede filer Giver dig mulighed for at vedhæfte designs, billeder, videoer, lyd, tekstfiler og PDF’er for at guide modellen.
Peg og rediger Klik på et element i forhåndsvisningen for at ændre det, udskifte det eller bede om en ændring.
Anmærkninger Vælg flere elementer, beskriv ændringerne og send dem til modellen på én gang.
Kode editor Se og rediger den genererede kode, tilføj dine egne filer og tilføj retningslinjer Make følger.
Make sæt Synkroniser npm-pakker, biblioteksstile og retningslinjer for at generere prototyper med højere kvalitet.
MCP stik Træk kontekst fra eksterne værktøjer såsom dokumenter og opgaver.
Versionshistorik Forhåndsvisning, favorit eller gendan enhver tidligere version, AI eller manual.
Kommentarer og mobil Indsaml feedback om en prototype og se den på en telefon.
Skabeloner og tilpassede færdigheder Genbrug en gennemprøvet arbejdsgang eller pak dine egne instruktioner til Make.
Figma Make peg og rediger: et valgt overskriftselement med en promptboks, der beder om at animere tidsstemplet, når en sang afspilles
Billede: Figma. Peg og rediger lader dig vælge et element i forhåndsvisningen og bede om en ændring.

Figma Make vs Figma kodelag vs Figma Sites

Disse tre bliver forvirrede. Figma Make fungerer i en dedikeret fil, hvor du bygger og udgiver en app. Kodelag giver dig mulighed for at udforske interaktive ideer ved siden af ​​dine designs på Figma Design-lærredet; se vores guide til Figma kodelag og specifikationer. Figma Sites er til udgivelse af websteder designet i Figma. Vælg Make, når outputtet skal opføre sig som en app, og kodelag, når du vil have et interaktivt element ved siden af ​​dit statiske design.

Hvem kan bruge Figma Make, og hvad koster AI-kreditter?

Figma Make er tilgængelig på Starter (med begrænsninger), Professional, Organization, Enterprise, Education (videregående uddannelse og bootcamp-brugere) og regeringsplaner. Dit sæde bestemmer, hvad du kan gøre:

Sæde Hvad du kan gøre i Figma Make
Fuld Alt: Opret Make-filer i mapper og teams, del, udgiv, brug kodeeditoren og eksporter kode.
Dev Prøv Make i kladder og eksporter kode.
Samarbejd og se Prøv Make i kladder.

Make kører på AI-kreditter. Hver plads inkluderer kreditter, de nulstilles månedligt, og de kan ikke deles eller rulles om. Fra Figma’s dokumentation i oktober 2026:

Plan (fuldt sæde) AI-kreditter om måneden
Starter 500 (plus en daglig grænse på 150)
Professional 3,000
Organization 3,500
Enterprise 4,250

Hvor mange kreditter en prompt bruger, afhænger af den model, du vælger, og opgaven. Figma’s egne eksempler, baseret på dens standardmodel i februar 2026, satte en lille ændring, såsom at opdatere skrifttyper til omkring 30 eller flere kreditter og gøre et vedhæftet design interaktivt på omkring 75 eller mere. At vælge en lettere model til små redigeringer og bruge plantilstand til store builds hjælper med at holde dine kreditter.

Udgivelse, backends og få dit arbejde

Offentliggøre

Klik på Udgiv, indstil en titel, og Make giver dig en offentlig URL, der ligner three-random-words.figma.site. Du kan forbinde et brugerdefineret domæne på understøttede planer. Udgivne apps hostes på Amazon Web Services med routing gennem Cloudflare, de indekseres ikke af søgemaskiner som standard, og Make har intet indbygget analyse-dashboard, selvom du kan tilføje et Google Analytics ID i indstillingerne.

Figma Make Udgiv-knap fremhævet over et gitter af offentliggjorte webstedsdesigns
Billede: Figma. Udgiv en Make-app til en offentlig URL.

Backend

For at gemme data og understøtte login kan du bede Make om at oprette en Payload-drevet backend med en database, fillagring, godkendelse og et adminpanel, eller forbinde dit eget Supabase-projekt fra Make-indstillingerne.

Figma Make app-forhåndsvisning ved siden af ​​et CMS-panel med hændelser med titler og datoer, der viser en backend, der gemmer data
Billede: Figma. En backend med et CMS lader en Make-app gemme og administrere data.

Eksport kode

Brugere med et fuldt eller udviklersæde kan downloade alle filer i en Make-fil som en ZIP fra filhandlinger på fanen Filer. Behandl overførslen som en prototypekodebase: kør den lokalt, gennemgå den og refaktorér, før du bygger videre på den.

Figma Make chatpanel, der viser 15 kodeændringer, Gennemse ændringer og Opret PR knapper og en grenmenu med Opret ny gren
Billede: Figma. Gennemgå kodeændringerne Make har produceret og arbejde på filialer.

Flyt designet tilbage til Figma

På betalte planer kan du kopiere den aktuelle forhåndsvisning som designlag og indsætte dem i Figma Design. Lagene kan redigeres, men de er et øjebliksbillede. De er ikke interaktive, ikke knyttet til Make-filen og ikke automatisk bundet til dit designsystem.

Figma Make Grænser, du skal kende, før du starter

  • De fleste funktioner har brug for en fuld plads på en betalt plan, og kreditter kan hurtigt løbe tør for store builds.
  • Den er bygget til prototyper og simple apps. Produktionssoftware har stadig brug for teknisk gennemgang, test, sikkerhed og vedligeholdelse.
  • Ændringer, du foretager i kopierede lag i Figma Design, flyder ikke tilbage til Make-filen.
  • Hvis du beder modellen om at bruge Supabase, og integrationen ikke er forbundet, kan den generere mock-kode i stedet for en fungerende forbindelse.
  • SEO-kontroller og analyser er minimale for offentliggjorte websteder.
  • Du kan ikke give den et Figma-link og forvente, at den læser filen. Fastgør eller indsæt rammen.

Hvis du har brug for ægte frontend-kode, en hjemmesideklon eller en app, der lever uden for Figma, så kig på et alternativ som f.eks. Anima Playground. Vi sammenligner dem ærligt i Figma Make vs Anima Playground.

Spørg ideer til Figma Make

Specifikke prompter, der navngiver brugeren, opgaven og tilstandene, giver bedre første resultater. Prøv disse:

  • “Byg et tre-trins onboarding-flow for en budgettering-app. Vis en fremskridtsindikator, valider hvert felt og afslut på en successkærm.”
  • “Gør den vedhæftede prisramme til en interaktiv side. Tilføj en månedlig og årlig skifte og en svævetilstand på hvert plankort.”
  • “Opret et support-dashboard til en agent, der triagerer billetter. Inkluder filtre, en tom tilstand og en indlæsningstilstand.”
  • “Lav en mobil kasseprototype med gæstekasse, adressevalidering og en ordrebekræftelse.”

Byg en fungerende app med Anima Playground

Foretrækker du en rigtig hjemmeside eller app, du kan eksportere og sende? Beskriv det, og Anima vil bygge det.

Figma Make ofte stillede spørgsmål

Hvad er Figma Make?

Figma Make er Figma’s AI-drevne, prompt-til-app-værktøj. Det forvandler en prompt eller et eksisterende Figma-design til en funktionel prototype, webapp eller interaktiv brugergrænseflade, som du kan forhåndsvise, redigere i chat eller kode og udgive.

Er Figma Make gratis?

Starter-planer kan udforske Figma Make gratis med grænser, inklusive 500 AI-kreditter om måneden og en daglig grænse. Fuld pladser på betalte planer får flere kreditter og funktioner såsom teambibliotekskontekst, plantilstand, deling og publicering. Planer ændres, så tjek Figma’s priser.

Hvordan bruger jeg Figma Make?

I dine Figma-kladder skal du klikke på Make, skrive en prompt i chatten, vedhæfte designs eller stilkontekst, hvis du har dem, sende det og forfine resultatet med chat, peg og rediger eller kodeeditoren. Del, udgiv eller eksporter det derefter.

Kan Figma Make eksportere kode?

Ja. Brugere med et fuldt eller udviklersæde kan downloade koden for en Make-fil som en ZIP fra fanen Filer. Det behandles bedst som en prototypekodebase, som du gennemgår før brug i produktionen.

Kan jeg udgive en Figma Make-app?

Ja. Fuld pladser kan publicere til en offentlig figma.site URL, og begynderbrugere kan kun publicere offentligt, hvis de også publicerer til Figma Community. Du kan tilføje et tilpasset domæne på understøttede planer, og offentliggjorte apps indekseres ikke af søgemaskiner som standard.

Hvad er forskellen mellem Figma Make og Anima Playground?

Figma Make bygger prototyper og apps inde i Figma-økosystemet. Anima Playground er et selvstændigt arbejdsområde, der starter fra prompter, Figma-design, URL’er eller billeder og producerer redigerbare HTML eller React, som du kan eksportere, aflevere og udgive. Se vores sammenligning for detaljer.

|

Co-founder & CEO