Figma Make: Vad det är, hur det fungerar, poäng och begränsningar (2026)13 min read

Figma Make är Figma:s AI-prompt-to-app-verktyg. Du beskriver vad du vill ha, eller utgår från en Figma-design, och den bygger en fungerande prototyp eller webbapp som du kan förhandsgranska, förfina i chatt, redigera i kod och publicera. Den sitter inuti Figma som en dedikerad Make-fil, så den kan använda dina mönster och bibliotek som sammanhang. Den riktar sig till designers, produktchefer och alla som behöver förvandla en idé till något som folk kan klicka på.

Fakta kontrolleras mot Figma Make-sidan och Figma hjälpcenter den 1 november 2026. Planer, krediter och funktioner ändras ofta, så bekräfta aktuell information i Figma innan du köper.

Den här guiden förklarar vad Figma Make är, hur det fungerar steg för steg, vilka funktioner som spelar roll, vem som kan använda det, hur AI-krediter fungerar, hur man publicerar och exporterar och var dess gränser går. Om du väljer mellan verktyg, vår Jämförelse mellan Figma Make och Anima Playground omfattar alternativ.

Vad är Figma Make?

Figma beskriver Figma Make som ett AI-drivet, prompt-to-app-verktyg som låter dig föra idéer och befintliga Figma-designer till liv som funktionella prototyper, webbappar och interaktiva UI. Du arbetar i en chatt bredvid en liveförhandsvisning, och allt du bygger är kodstödd, så du kan växla mellan förhandsgranskningen, peka-och-klicka-redigeringar och själva koden.

Figma introducerade Make vid Config 2025, och den har vuxit från en enkomponentidé till en komplett produkt med planläge, en kodredigerare, backends, publicering och integrationer. Den är skild från Figma Design: du skapar en Make-fil på samma sätt som du skapar andra Figma-filer, genom att använda Make-knappen i dina utkast.

Vad kan du bygga med Figma Make?

• En klickbar prototyp av ett flöde eller funktion att testa med användare.
• En interaktiv version av en befintlig Figma-design, med övergångar och logik.
• En liten webbapp eller internt verktyg, med en backend för data och inloggning.
• En målsida eller mikrosajt som du kan publicera till en offentlig webbadress.

Hur Figma Make fungerar, steg för steg

1. Skapa en Make-fil. I Figma-filläsaren öppnar du dina utkast och klickar Make i det övre högra hörnet. Du kan också börja från en mall eller genom att klona ett GitHub-förråd.
2. Skriv en uppmaning. Beskriv vad du vill bygga i chatten. Du kan skriva eller diktera. Var specifik om användaren, huvuduppgiften och skärmarna.
3. Lägg till sammanhang. Bifoga Figma-designer eller klistra in ramar i chatten, ta med stilkontext från ett Figma-bibliotek (betalda planer), lägg till en backend, anslut verktyg via MCP-anslutningar eller låt Make söka på webben eller hämta en URL.
4. Planera först om du vill ha kontroll. På betalda planer genererar planläget en strukturerad plan som du kan redigera innan någon kod skrivs.
5. Granska förhandsvisningen. Make bygger appen och visar den live. Klicka igenom det som en användare skulle göra.
6. Förfina. Fortsätt chatta, använd peka och redigera för att ändra specifika element, lägga till kommentarer och skicka dem tillsammans, eller öppna kodredigeraren och ändra koden direkt.
7. Dela eller publicera. Dela filen för feedback med kommentarer, kopiera förhandsvisningen tillbaka till Figma Design som lager, publicera den till en offentlig URL eller ladda ner koden.

Ett praktiskt tips från Figma:s dokument: bifoga en ram eller en komponent istället för att klistra in en länk till din Figma-fil. Make läser inte en design från en URL, och en inklistrad länk kan leda till oväntad utdata.

Viktiga Figma Make-funktioner

Figma Make vs Figma Kodlager vs Figma Sites

Dessa tre blir förvirrade. Figma Make fungerar i en dedikerad fil där du bygger och publicerar en app. Kodlager låter dig utforska interaktiva idéer bredvid dina mönster på Figma Design-duken; se vår guide till Figma kodlager och specifikationer. Figma Sites är för publicering av webbplatser designade i Figma. Välj Make när utdata ska bete sig som en app, och kodlager när du vill ha ett interaktivt element vid sidan av din statiska design.

Vem kan använda Figma Make och vad kostar AI-krediter?

Figma Make är tillgängligt på Starter (med begränsningar), Professional, Organization, Enterprise, Education (användare av högre utbildning och bootcamp) och regeringsplaner. Din plats bestämmer vad du kan göra:

Make körs på AI-krediter. Varje plats inkluderar krediter, de återställs varje månad och de kan inte delas eller rullas över. Från och med Figma:s dokumentation i oktober 2026:

Hur många poäng en prompt använder beror på vilken modell du väljer och uppgiften. Figma:s egna exempel, baserat på dess standardmodell i februari 2026, gjorde en liten förändring som att uppdatera typsnitt på ungefär 30 eller fler poäng och göra en bifogad design interaktiv på ungefär 75 eller mer. Att välja en lättare modell för små redigeringar och använda planläge för stora byggen hjälper dina krediter att hålla.

Publicering, backends och få ut ditt arbete

Publicera

Klicka på Publicera, ange en titel och Make ger dig en offentlig URL som ser ut three-random-words.figma.site. Du kan ansluta en anpassad domän på abonnemang som stöds. Publicerade appar finns på Amazon Web Services med routing genom Cloudflare, de indexeras inte av sökmotorer som standard och Make har ingen inbyggd analysinstrumentpanel, även om du kan lägga till ett Google Analytics ID i inställningarna.

Backend

För att lagra data och stödja inloggning kan du be Make att skapa en Payload-driven backend med en databas, fillagring, autentisering och en adminpanel, eller ansluta ditt eget Supabase-projekt från Make-inställningarna.

Exportera kod

Användare med en Full- eller Dev-plats kan ladda ner alla filer i en Make-fil som en ZIP från filåtgärder på fliken Filer. Behandla nedladdningen som en prototypkodbas: kör den lokalt, granska den och refaktorera innan du bygger vidare på den.

Flytta tillbaka designen till Figma

På betalda planer kan du kopiera den aktuella förhandsvisningen som designlager och klistra in dem i Figma Design. Lagren är redigerbara, men de är en ögonblicksbild. De är inte interaktiva, inte länkade till Make-filen och inte kopplade till ditt designsystem automatiskt.

Figma Make Gränser att veta innan du börjar

• De flesta funktioner behöver en full plats på en betald plan, och krediter kan ta slut snabbt på stora byggen.
• Den är byggd för prototyper och enkla appar. Produktionsmjukvara behöver fortfarande ingenjörsgranskning, tester, säkerhet och underhåll.
• Ändringar du gör i kopierade lager i Figma Design flödar inte tillbaka till Make-filen.
• Om du ber modellen att använda Supabase och integrationen inte är ansluten, kan den generera skenkod istället för en fungerande anslutning.
• SEO-kontroller och analyser är minimala för publicerade webbplatser.
• Du kan inte ge den en Figma-länk och förvänta dig att den ska läsa filen. Fäst eller klistra in ramen.

Om du behöver riktig front-end-kod, en webbplatsklon eller en app som lever utanför Figma, titta på ett alternativ som t.ex. Anima Playground. Vi jämför dem ärligt i Figma Make vs Anima Playground.

Snabba idéer för Figma Make

Specifika uppmaningar som namnger användaren, uppgiften och tillstånden ger bättre första resultat. Prova dessa:

• ”Skapa ett introduktionsflöde i tre steg för en budgetapp. Visa en framstegsindikator, validera varje fält och avsluta på en framgångsskärm.”
• ”Förvandla den bifogade prisramen till en interaktiv sida. Lägg till en månatlig och årlig växling och ett hovringsläge på varje plankort.”
• ”Skapa en supportpanel för en agent som testar biljetter. Inkludera filter, ett tomt tillstånd och ett laddningstillstånd.”
• ”Gör en mobil kassaprototyp med gästutcheckning, adressvalidering och en orderbekräftelse.”

Bygg en fungerande app med Anima Playground

Föredrar du en riktig webbplats eller app som du kan exportera och skicka? Beskriv det, och Anima kommer att bygga det.

Figma Make FAQ

Vad är Figma Make?

Figma Make är Figma:s AI-drivna, prompt-till-app-verktyg. Det förvandlar en prompt eller en befintlig Figma-design till en funktionell prototyp, webbapp eller interaktivt användargränssnitt som du kan förhandsgranska, redigera i chatt eller kod och publicera.

Är Figma Make gratis?

Starter-planer kan utforska Figma Make gratis med gränser, inklusive 500 AI-krediter per månad och en daglig gräns. Fulla platser på betalplaner får fler krediter och funktioner som teambibliotekskontext, planläge, delning och publicering. Planerna ändras, så kolla Figma:s priser.

Hur använder jag Figma Make?

I dina Figma-utkast, klicka på Make, skriv en prompt i chatten, bifoga designs eller stilsammanhang om du har dem, skicka det och förfina resultatet med chatt, peka och redigera eller kodredigeraren. Dela, publicera eller exportera den sedan.

Kan Figma Make exportera kod?

Ja. Användare med en Full- eller Dev-plats kan ladda ner koden för en Make-fil som en ZIP från fliken Filer. Den behandlas bäst som en prototypkodbas som du granskar innan produktionen används.

Kan jag publicera en Figma Make-app?

Ja. Fulla platser kan publicera till en offentlig figma.site URL, och nybörjaranvändare kan endast publicera offentligt om de också publicerar till Figma Community. Du kan lägga till en anpassad domän på abonnemang som stöds, och publicerade appar indexeras inte av sökmotorer som standard.

Vad är skillnaden mellan Figma Make och Anima Playground?

Figma Make bygger prototyper och appar i Figma ekosystem. Anima Playground är en fristående arbetsyta som utgår från uppmaningar, Figma-designer, URL:er eller bilder och producerar redigerbara HTML eller React som du kan exportera, lämna ut och publicera. Se vår jämförelse för detaljer.