Figma Make: Den Komplette Guide til Prompt-til-Kode Design (2026)

Figma Make er den anden halvdel af Figmas AI-strategi. Mens Design Agent skaber visuelle designs på lærredet, omdanner Make disse designs (eller skriftlige beskrivelser) til fungerende kode — funktionelle prototyper du kan klikke dig igennem, dele og teste med rigtige brugere. Det er Figmas svar på v0, Bolt.new og alle andre prompt-til-kode værktøjer, der er dukket op i løbet af det seneste år.

Make er også Figmas mest kontroversielle funktion. Når det virker, sparer det dage af prototyping-arbejde. Når det ikke virker, brænder det credits af på output, du ikke kan bruge. At forstå hvornår man skal bruge det — og hvornår man skal bruge alternativer — er nøglen til at få værdi ud af det.

Hvad kan Figma Make faktisk gøre?

Det bedste workflow: design skærmen visuelt først (med Design Agent eller manuelt), brug derefter Make til at omdanne det til en fungerende prototype. Dette giver Make to kilder til kontekst — dit visuelle design OG dine tekstinstruktioner — hvilket producerer højere kvalitetskode end begge input alene.

Credit-omkostningsvirkelighed: Hvad ingen fortæller dig

Make er den mest credit-dyre Figma AI-funktion. Omkostningerne skalerer med kompleksitet på måder, der ikke umiddelbart er indlysende:

Kolonnen "typiske iterationer" er den skjulte multiplikator. Den første generering producerer sjældent præcis det, du har brug for. Du justerer din prompt, regenererer, gennemgår, justerer igen. Hver iteration forbruger credits med samme hastighed. En "50 credit" prototype bliver nemt til en "200 credit" prototype på tværs af 4 iterationer.

Det er derfor, det betyder så meget at skrive specifikke, detaljerede prompts specifikt til Make. Hver regenerering du undgår, sparer direkte credits. Den gratis Prompt Optimizer tilføjer den struktur, der reducerer iterationer — og i modsætning til Make koster den nul credits at bruge.

Hvordan klarer Figma Make sig sammenlignet med alternativer?

Den ærlige anbefaling: brug Figma Make til interessent-demoer, hvor Figma-design-integrationen betyder noget. Brug v0 eller Bolt.new til hurtige selvstændige prototyper, hvor du ikke har brug for Figma-integration. Brug Claude Code eller Cursor til produktionskode — deres outputkvalitet er betydeligt højere end Makes for alt ud over simple sider.

5 tips til at få mere ud af Figma Make

1. Start med et visuelt design, ikke kun tekst. Make producerer bedre kode, når det har et Figma-design som reference. Design skærmen først (selv groft), feed derefter Make både designet og tekstinstruktioner. To input > et.

2. Specificer teknologistakken. "Byg dette i React med Tailwind CSS" producerer anderledes (og normalt bedre) output end at lade Make vælge teknologien. Vær eksplicit om framework, styling-tilgang og eventuelle biblioteker, du ønsker.

3. Beskriv interaktioner, ikke kun layout. "Når brugeren klikker Send, vis en indlæsningsspinner i 2 sekunder, vis derefter en succesbesked" er meget mere nyttigt end "tilføj en send-knap." Make kan generere interaktiv adfærd, men kun hvis du specificerer det.

4. Opdel komplekse projekter i skærme. Prompt ikke "byg hele min app." Prompt "byg login-skærmen" → gennemgå → "byg dashboardet" → gennemgå. Sekventielle enkelt-skærm-genereringer producerer bedre kvalitet end en massiv multi-skærm prompt.

5. Brug Prompt Optimizer først. Før du bruger credits på Make, kør din prompt gennem den gratis Prompt Optimizer. En omstruktureret prompt med eksplicit kontekst, begrænsninger og specificiteter reducerer iterationer og sparer direkte credits.

Ofte stillede spørgsmål

Er Figma Make det samme som Figma Sites?

Relateret men forskelligt. Make genererer prototyper (til testning og demoer). Figma Sites publicerer websites (til produktion). Make-output er funktionelt men ikke produktionsklar; Sites-output er beregnet til rigtig deployment. Tænk på Make som prototyping og Sites som publicering.

Kan jeg eksportere Make-kode og bruge den i mit projekt?

Make producerer fungerende kode, men den er optimeret til demonstration, ikke produktion. Kodekvaliteten er tilstrækkelig til prototyping og interessent-demoer, men kræver typisk betydelig refaktorering til produktionsbrug. Til produktionskode fra Figma-designs, brug Claude Code via MCP-serveren.

Er v0 bedre end Figma Make?

Til selvstændig kodegenerering: ofte ja — v0 producerer renere React/Next.js kode og bruger en abonnementsmodel i stedet for credits. Til design-til-kode (ved brug af din Figma-fil som input): Make er bedre, fordi det læser dit designsystem. De tjener forskellige udgangspunkter: v0 fra tekst, Make fra Figma-designs.

Skal jeg lære Make eller lære at kode?

For designere, der vil prototype uden at kode: Make giver øjeblikkelig værdi. For designere, der vil bygge produktionsfunktioner og have en dybere forståelse af implementering: lær at kode + brug Claude Code. På lang sigt er kodefærdigheder mere alsidige og karriereværdifulde end Make-kompetence.

Hvad er credit-omkostningen for en realistisk prototype?

Budgetter med 100-300 credits for en multi-skærm prototype med 2-3 iterationer. Simple enkelt-side prototyper kan koste så lidt som 20-40 credits. Komplekse apps med navigation, tilstand og betinget logik kan nemt overstige 500 credits på tværs af flere runder af generering og forfining.

Disclaimer: Nogle links i denne artikel er affiliate links. Vi anbefaler kun værktøjer, vi personligt har testet og bruger regelmæssigt. Se vores fulde disclaimer-politik.