Figma
API
Web to code extension
Adobe XD
Discord
Twitter
GitHub
Figma Make: Mikä se on, miten se toimii, krediitit ja rajat (2026)11 min read
Reading Time: 6 minutesFigma Make on Figma:n tekoälykehote sovellukseen -työkalu. Kuvaat mitä haluat tai aloitat Figma-suunnittelusta, ja se rakentaa toimivan prototyypin tai verkkosovelluksen, jota voit esikatsella, tarkentaa chatissa, muokata koodissa ja julkaista. Se sijaitsee Figma:n sisällä erillisenä Make-tiedostona, joten se voi käyttää suunnitelmiasi ja kirjastojasi kontekstina. Se on suunnattu suunnittelijoille, tuotepäälliköille ja kaikille, jotka haluavat muuttaa ideasta jotain, jota ihmiset voivat napsauttaa.
Faktat on tarkistettu Figma Make-sivulla ja Figma-ohjekeskuksessa 1. marraskuuta 2026. Suunnitelmat, krediitit ja ominaisuudet muuttuvat usein, joten tarkista nykyiset tiedot Figma:stä ennen ostamista.
Tässä oppaassa kerrotaan, mitä Figma Make on, miten se toimii askel askeleelta, millä ominaisuuksilla on merkitystä, kuka sitä voi käyttää, miten tekoälyhyvitykset toimivat, kuinka julkaista ja viedä ja missä sen rajat ovat. Jos valitset työkalujen välillä, meidän Figma Make vs Anima Playground vertailu kattaa vaihtoehdot.
Mikä on Figma Make?
Figma kuvaa Figma Make:ää tekoälypohjaiseksi, nopeasti sovellukseen avautuvaksi työkaluksi, jonka avulla voit herättää ideoita ja olemassa olevia Figma-malleja henkiin toimivina prototyyppeinä, verkkosovelluksina ja interaktiivisena käyttöliittymänä. Työskentelet chatissa live-esikatselun vieressä, ja kaikki rakentamasi on kooditaustaa, joten voit vaihtaa esikatselun, osoita ja napsauta muokkauksia ja itse koodin välillä.
Figma esitteli Make:n Config 2025:ssä, ja se on kasvanut yksikomponenttiideasta täydelliseksi tuotteeksi, jossa on suunnittelutila, koodieditori, taustaohjelmat, julkaisu ja integraatiot. Se on erillinen Figma Design:stä: luot Make-tiedoston samalla tavalla kuin luot muita Figma-tiedostoja käyttämällä luonnoksissasi olevaa Make-painiketta.
Mitä voit rakentaa Figma Make:llä?
- Klikattava prototyyppi kulusta tai ominaisuudesta testattavaksi käyttäjien kanssa.
- Interaktiivinen versio olemassa olevasta Figma-suunnittelusta, jossa on siirtymiä ja logiikkaa.
- Pieni verkkosovellus tai sisäinen työkalu, jossa on taustatieto dataa ja sisäänkirjautumista varten.
- Aloitussivu tai mikrosivusto, jonka voit julkaista julkiseen URL-osoitteeseen.
Kuinka Figma Make toimii, askel askeleelta
- Luo Make-tiedosto. Avaa luonnokset Figma-tiedostoselaimessa ja napsauta Make oikeassa yläkulmassa. Voit myös aloittaa mallista tai kloonaamalla GitHub-arkiston.
- Kirjoita kehote. Kuvaile, mitä haluat rakentaa chatissa. Voit kirjoittaa tai sanella. Kerro tarkasti käyttäjästä, päätehtävästä ja näytöistä.
- Lisää konteksti. Liitä Figma-malleja tai liitä kehyksiä keskusteluun, tuo tyylikontekstia Figma-kirjastosta (maksulliset suunnitelmat), lisää taustaohjelma, yhdistä työkalut MCP-liittimien kautta tai anna Make:n etsiä verkosta tai hakea URL-osoite.
- Suunnittele ensin, jos haluat hallita. Maksullisissa suunnitelmissa suunnitelmatila luo jäsennellyn suunnitelman, jota voit muokata ennen koodin kirjoittamista.
- Tarkista esikatselu. Make rakentaa sovelluksen ja näyttää sen livenä. Napsauta sitä läpi käyttäjän tavalla.
- Tarkenna. Jatka chattailua, käytä pointtia ja muokkaa tiettyjä elementtejä, lisää huomautuksia ja lähetä ne yhdessä tai avaa koodieditori ja muuta koodia suoraan.
- Jaa tai julkaise. Jaa tiedosto palautetta varten kommenteilla, kopioi esikatselu takaisin Figma Design:ään tasoina, julkaise se julkisessa URL-osoitteessa tai lataa koodi.
Yksi käytännöllinen vinkki Figma:n asiakirjoista: liitä kehys tai komponentti sen sijaan, että liität linkin Figma-tiedostoosi. Make ei lue mallia URL-osoitteesta, ja liitetty linkki voi johtaa odottamattomiin tulosteisiin.
Tärkeimmät Figma Make-ominaisuudet
| Ominaisuus | Mitä se tekee |
|---|---|
| Suunnittelutila | Luo muokattavan suunnitelman ennen sukupolven aloittamista, jotta voit selvittää tarkoituksen ensin. |
| Liitteet | Voit liittää malleja, kuvia, videoita, ääni-, tekstitiedostoja ja PDF-tiedostoja ohjaamaan mallia. |
| Osoita ja muokkaa | Napsauta elementtiä esikatselussa muokataksesi sitä, vaihtaaksesi sitä tai pyytääksesi muutosta. |
| Huomautukset | Valitse useita elementtejä, kuvaile muutokset ja lähetä ne malliin kerralla. |
| Koodieditori | Tarkastele ja muokkaa luotua koodia, lisää omia tiedostoja ja lisää ohjeita Make seuraa. |
| Make sarjat | Synkronoi npm-paketteja, kirjastotyylejä ja ohjeita luodaksesi tarkempia prototyyppejä. |
| MCP liittimet | Hae kontekstia ulkoisista työkaluista, kuten asiakirjoista ja tehtävistä. |
| Versiohistoria | Esikatsele, lisää suosikkeihin tai palauta mikä tahansa aikaisempi versio, tekoäly tai manuaali. |
| Kommentit ja mobiili | Kerää palautetta prototyypistä ja katsele sitä puhelimella. |
| Mallit ja mukautetut taidot | Käytä uudelleen todistettua työnkulkua tai pakkaa omat ohjeet Make:lle. |
Figma Make vs Figma Code Layers vs Figma Sites
Nämä kolme menevät sekaisin. Figma Make toimii erillisessä tiedostossa, jossa luot ja julkaiset sovelluksen. Kooditasojen avulla voit tutkia interaktiivisia ideoita suunnittelujesi rinnalla Figma Design-kankaalla; katso oppaamme Figma-kooditasot ja tekniset tiedot. Figma Sites on tarkoitettu Figma:llä suunniteltujen verkkosivustojen julkaisemiseen. Valitse Make, kun lähdön pitäisi toimia sovelluksen tavoin, ja kooditasot, kun haluat interaktiivisen elementin staattisen suunnittelusi rinnalle.
Kuka voi käyttää Figma Make:ää ja mitä tekoälykrediitit maksavat?
Figma Make on saatavilla Starter- (rajoituksin), Professional-, Organization-, Enterprise-, Education- (korkeakoulu- ja bootcamp-käyttäjät) ja hallituksen suunnitelmissa. Istuimesi päättää, mitä voit tehdä:
| Istuin | Mitä voit tehdä Figma Make:ssä |
|---|---|
| Koko | Kaikki: luo Make-tiedostoja kansioihin ja ryhmiin, jaa, julkaise, käytä koodieditoria ja vie koodia. |
| Dev | Kokeile Make:ää luonnoksissa ja vie koodia. |
| Tee yhteistyötä ja katso | Kokeile Make:ää luonnoksissa. |
Make toimii AI-pisteillä. Jokainen paikka sisältää krediittejä, ne nollataan kuukausittain, eikä niitä voi jakaa tai siirtää. Figma:n dokumentaation mukaan lokakuussa 2026:
| Suunnitelma (täysi paikka) | AI-krediittiä kuukaudessa |
|---|---|
| Starter | 500 (plus päivittäinen raja 150) |
| Professional | 3,000 |
| Organization | 3,500 |
| Enterprise | 4,250 |
Kuinka monta krediittiä kehote käyttää, riippuu valitsemastasi mallista ja tehtävästä. Figma:n omat esimerkit, jotka perustuvat sen oletusmalliin helmikuussa 2026, tekivät pienen muutoksen, kuten kirjasimien päivittäminen vähintään 30 krediitillä ja liitteenä olevan suunnittelun tekeminen interaktiiviseksi noin 75 tai enemmän. Kun valitset kevyemmän mallin pieniin muokkauksiin ja käytät suunnittelutilaa suuriin rakennuksiin, krediittisi kestävät.
Julkaiseminen, taustaohjelmat ja harjoittelusi
Julkaista
Napsauta Julkaise, aseta otsikko ja Make antaa sinulle julkisen URL-osoitteen, joka näyttää tältä three-random-words.figma.site. Voit yhdistää mukautetun verkkotunnuksen tuetuilla suunnitelmilla. Julkaistut sovellukset isännöidään Amazon Web Services:ssä ja reititetään Cloudflare:n kautta, hakukoneet eivät oletusarvoisesti indeksoi niitä, eikä Make:ssä ole sisäänrakennettua analytiikan hallintapaneelia, vaikka voit lisätä Google Analytics-tunnuksen asetuksiin.
Backend
Voit tallentaa tietoja ja tukea sisäänkirjautumista pyytämällä Make:ää luomaan Payload-pohjaisen taustajärjestelmän, jossa on tietokanta, tiedostojen tallennus, todennus ja hallintapaneeli, tai yhdistää oman Supabase-projektisi Make-asetuksista.
Vie koodi
Käyttäjät, joilla on täysi- tai kehittäjäpaikka, voivat ladata kaikki Make-tiedoston tiedostot ZIP-tiedostona Tiedostotoiminnoista Tiedostot-välilehdessä. Käsittele latausta prototyyppikoodikantana: suorita se paikallisesti, tarkista se ja muokkaa uudelleen ennen kuin rakennat sen.
Siirrä malli takaisin Figma:ään
Maksullisissa suunnitelmissa voit kopioida nykyisen esikatselun suunnittelutasoksi ja liittää ne Figma Design:ään. Tasot ovat muokattavissa, mutta ne ovat tilannekuva. Ne eivät ole interaktiivisia, niitä ei ole linkitetty Make-tiedostoon eivätkä ne ole automaattisesti sidottu suunnittelujärjestelmääsi.
Figma Make Rajoitukset, jotka on tiedettävä ennen aloittamista
- Useimmat ominaisuudet vaativat täyden paikan maksullisessa paketissa, ja krediitit voivat loppua nopeasti suurissa versioissa.
- Se on rakennettu prototyypeille ja yksinkertaisille sovelluksille. Tuotantoohjelmistot tarvitsevat edelleen teknistä tarkastelua, testejä, turvallisuutta ja ylläpitoa.
- Figma Design:n kopioituihin tasoihin tekemäsi muutokset eivät johda takaisin Make-tiedostoon.
- Jos pyydät mallia käyttämään Supabase:tä eikä integraatiota ole yhdistetty, se voi luoda valekoodin toimivan yhteyden sijaan.
- Hakukoneoptimoinnin hallinta ja analytiikka ovat vähäisiä julkaistuilla sivustoilla.
- Et voi antaa sille Figma-linkkiä ja odottaa sen lukevan tiedostoa. Kiinnitä tai liitä kehys.
Jos tarvitset todellista käyttöliittymäkoodia, verkkosivustokloonia tai sovellusta, joka asuu Figma:n ulkopuolella, katso vaihtoehto, kuten Anima Playground. Vertailemme niitä rehellisesti Figma Make vs Anima Playground.
Pikaideoita Figma Make:lle
Erityiset kehotteet, jotka nimeävät käyttäjän, tehtävän ja tilat, tuottavat parempia ensimmäisiä tuloksia. Kokeile näitä:
- ”Rakenna budjetointisovelluksen kolmivaiheinen käyttöönottoprosessi. Näytä edistymisosoitin, vahvista jokainen kenttä ja lopeta onnistumisnäyttö.”
- ”Muuta liitteenä oleva hinnoittelukehys interaktiiviseksi sivuksi. Lisää kuukausittainen ja vuosittainen vaihto ja hiiritila jokaiseen suunnitelmakorttiin.”
- ”Luo tukikojelauta agentille, joka laskee lippuja. Sisällytä suodattimet, tyhjä tila ja lataustila.”
- ”Tee mobiilikassan prototyyppi vieraskassalla, osoitteen vahvistuksella ja tilausvahvistuksella.”
Rakenna toimiva sovellus Anima Playground:n avulla
Haluatko mieluummin oikean verkkosivuston tai sovelluksen, jonka voit viedä ja lähettää? Kuvaile sitä, niin Anima rakentaa sen.
Figma Make UKK
Mikä on Figma Make?
Figma Make on Figma:n tekoälyohjattu, kehote sovellukseen -työkalu. Se muuttaa kehotteen tai olemassa olevan Figma-suunnittelun toimivaksi prototyypiksi, verkkosovellukseksi tai interaktiiviseksi käyttöliittymäksi, jota voit esikatsella, muokata chatissa tai koodissa ja julkaista.
Onko Figma Make ilmainen?
Starter-suunnitelmat voivat tutkia Figma Make:ää ilmaiseksi rajoituksin, mukaan lukien 500 AI-krediittiä kuukaudessa ja päivittäinen raja. Maksullisten pakettien täydet paikat saavat enemmän krediittejä ja ominaisuuksia, kuten tiimikirjastokontekstia, suunnitelmatilaa, jakamista ja julkaisemista. Suunnitelmat muuttuvat, joten tarkista Figma:n hinnat.
Kuinka käytän Figma Make:ää?
Napsauta Figma-luonnoksissasi Make, kirjoita kehote keskusteluun, liitä kuvioita tai tyylikontekstia, jos sinulla on niitä, lähetä se ja tarkenna tulosta chatilla, osoita ja muokkaa tai koodieditorilla. Jaa, julkaise tai vie se sitten.
Voiko Figma Make viedä koodin?
Kyllä. Käyttäjät, joilla on täysi tai kehittäjäpaikka, voivat ladata Make-tiedoston koodin ZIP-tiedostona Tiedostot-välilehdeltä. Sitä käsitellään parhaiten prototyyppikoodipohjana, jonka tarkistat ennen tuotantokäyttöä.
Voinko julkaista Figma Make-sovelluksen?
Kyllä. Täydelliset paikat voivat julkaista julkisessa figma.site-URL-osoitteessa, ja aloittavat käyttäjät voivat julkaista julkisesti vain, jos he julkaisevat myös Figma Community:ssä. Voit lisätä mukautetun verkkotunnuksen tuettuihin suunnitelmiin, eivätkä hakukoneet oletusarvoisesti indeksoi julkaistuja sovelluksia.
Mitä eroa on Figma Make:n ja Anima Playground:n välillä?
Figma Make rakentaa prototyyppejä ja sovelluksia Figma-ekosysteemin sisällä. Anima Playground on erillinen työtila, joka alkaa kehotteista, Figma-suunnitelmista, URL-osoitteista tai kuvista ja tuottaa muokattavan HTML:n tai React:n, jonka voit viedä, luovuttaa ja julkaista. Katso lisätietoja vertailustamme.
