Mikä on Figma Make?
Figma Make on Figma-alustaan suoraan sisäänrakennettu tekoälyllä toimiva sovellusrakentaja, joka ottaa tekstikehotteen ja tuottaa toimivan, koodipohjaisen frontend-sovelluksen ilman, että sinun tarvitsee poistua Figma-työtilasta tai ottaa käyttöön erillistä työkalua.
Se generoi React-sovelluksia, joissa on täysi lähdekoodin käyttöoikeus, automaattinen versionhistoria ja live-esikatselu-URL, ja se erottuu muista tekoälyrakentajista sillä, että voit valita taustalla työn tekevän mallin: Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro tai GPT-5.5, sen sijaan että olisit lukittuna yhteen malliin ilman näkyvyyttä siihen, mitä on käynnissä.
Tuotos ei ole mockup tai design-tiedosto, vaan oikeaa, muokattavaa koodia, jota voit tarkastella, muokata ja pushata GitHubiin.
Kenelle Figma Make sopii?
- Tuotesuunnittelijoille, jotka käyttävät jo Figmaa. Make on siinä työkalussa, jossa olet jo valmiiksi, joten ei ole uutta alustaa opeteltavana eikä päällekkäistä tilausta maksettavana sen lisäksi, mitä jo maksatte.
- Ei-teknisille perustajille, jotka tarvitsevat demon nopeasti. Monisivuinen, käyttöoikeuksiin perustuva sovellus realistisella datalla valmistuu alle 10 minuutissa, mikä on tarpeeksi nopeasti vietäväksi ensimmäiseen sijoittajatapaamiseen.
- Tuotepäälliköille, joiden täytyy näyttää, ei kertoa. Figma Make tuottaa jotain, jonka voit oikeasti antaa sidosryhmälle ja käydä läpi, sen sijaan että näyttäisit PDF:n ruuduista.
- Kehittäjille, jotka haluavat toimivan lähtökohdan. Generoitu koodi on siistiä Reactia TypeScriptillä, ja koko lähdekoodi on käytettävissä ilmaisella suunnitelmalla, mikä tekee siitä aidon lähtöpisteen eikä kertakäyttöistä prototyyppiä.
Figma Make – plussat ja miinukset
- Rakentaa monisivuisia sovelluksia yhdestä kehotteesta
- Ilmainen suunnitelma sisältää täyden lähdekoodin käyttöoikeuden
- Valitse tekoälymallisi: Claude, Gemini tai GPT
- Automaattinen versionhistoria tallentaa jokaisen rakennusiteroinnin
- Roolipohjainen tunnistautuminen generoidaan ilman lisäkehotusta
- GitHub- ja Supabase-integraatiot sisäänrakennettuina natiivisti
- Visuaalinen editori ja koodieditori samassa työtilassa
- Ensimmäiset rakennukset tulevat koodivaroitusten kanssa
- Kuukausittainen ilmaisten krediittien raja loppuu nopeasti
- Oma verkkotunnus vaatii maksullisen Figma-sopimuksen
Arvioinnin erittely
Alla olevat pisteet kuvastavat sitä, mitä Figma Make tarjoaa tällä hetkellä julkisessa beetassa. Tässä vaiheessa olevalle tuotteelle ulostulon laatu on paljon parempi kuin odotin, ja jo maksullisella Figma-suunnitelmalla oleville tiimeille arvolaskelmaa on vaikea kiistää, koska lisämaksua ei ole.
| Ominaisuus | Pisteet (10:stä) | Miksi tämä piste |
|---|---|---|
| Käytön helppous | 9.5 | Ei käyttöönottoa, kehotepohjainen aloitus, kaksi editointitapaa ja 8 minuutin rakennussykli tekevät tästä yhden vähiten vaivannäköä vaativista tekoälyrakentajista aloittaa. |
| Ominaisuudet ja toiminnallisuus | 9.8 | Roolipohjainen tunnistautuminen, Stripe-maksuliittymä, monikaavioinen raportointi, hallintakonsoli, mallivalinta ja täysi REST API -viite generoituivat kaikki yhdestä kehotteesta. |
| Suunnittelu ja muokattavuus | 9.4 | Oletuksena tuotettu visuaalinen lopputulos on siisti ja ammattimainen, ja sekä klikkaamalla valittava visuaalinen editori että täysi lähdekoodin käyttöoikeus ovat käytettävissä jopa ilmaisella suunnitelmalla. |
| Vastine rahalle | 9.4 | Täysi koodin käyttöoikeus ilmaisella tasolla on aidosti harvinaista, ja maksullisen suunnitelman käyttäjille Make sisältyy olemassa olevaan Figma-tilaukseen erillisen rivin sijaan. |
| Suorituskyky ja luotettavuus | 9.9 | Kahdeksassa minuutissa monisivuiseksi, roolitietoiseksi sovellukseksi Stripe-liittymällä ja hallintakonsolilla on nopein build-to-usable-output-suhde, jonka olen testannut. |
| Kokonaisuus | 9.6 | Poikkeuksellinen beetatuote, joka päihittää jo nyt monet pitkään markkinoilla olleet tekoälyllä toimivat sovellusrakentajat ulostulon laadussa ja ominaisuuksien syvyydessä. |
Figma Make – ominaisuudet
- Promptista sovellukseksi -rakennus alle 10 minuutissa
- Usean mallin valinta, mukaan lukien Claude, Gemini ja GPT
- Roolipohjainen käyttäjätunnistautuminen generoidaan automaattisesti
- Klikkaamalla valittava visuaalinen editori inline-tyyliasetuksilla
- Täysi React-lähdekoodi muokattavissa ilmaisella tasolla
- GitHub- ja Supabase-integraatiot käytettävissä ilman lisämäärityksiä
- Yhden napsautuksen julkaisu figma.site-alidomainiin
Rehellinen Figma Make -arvosteluni: mitä löysin testauksen jälkeen
Aloitusnäyttö väistyy heti tieltäsi
Aloitusnäyttö on yksi tekstikenttä ja lyhyt iskulause: “Make your ideas real with AI. Start with a design and prompt your way to a functional prototype, fast.” Syöttökentän alla näkyy kolme ehdotettua aloitusta:
- Onboarding flow
- Data dashboard
- Gradient gallery
Voit ohittaa kaikki kolme ja kirjoittaa mitä tahansa.
Lähetin tämän kehotteen kokonaisuudessaan:
“Create a property management platform for landlords and tenants. Include user authentication, property listings, lease management, rent payments, maintenance requests, document uploads, messaging, notifications, admin dashboard, reporting, Stripe integration, PostgreSQL database, REST API, responsive design, and deployment instructions. The application should be production-ready and scalable.”
Työkalu hyväksyi sen kitkattomasti ja siirtyi suoraan rakentamiseen. Ei projektityypin valintaa, ei malligalleriaa, ei minkäänlaista ennakkoon tehtävää arkkitehtuurikonfiguraatiota.
Arvio: Sisäänpääsy on yhtä kitkaton kuin millään testaamallani tekoälyrakentajalla. Vaihtokauppana on se, että ilman rakennetta ennen rakentamista epämääräinen kehote tuottaa epämääräisen tuloksen. Se, kuinka hyvän lopputuloksen saat, määräytyy täysin sen mukaan, mitä syötät sisään.
Rekisteröityminen on nopeaa eikä aseta maksuseinää ulostulon eteen
Nuolipainikkeen napsauttaminen ennen kirjautumista käynnistää “Welcome to Figma” -modaalin. Kaksi vaihtoehtoa:
- Continue with Google (yksi klikkaus, alle 10 sekuntia)
- Continue with email (syötä sähköposti, vahvista, yhteensä alle 30 sekuntia)
Molemmat polut vievät sinut Figma Make -työtilaan, ja rakennus on jo jonossa. Ei ole suunnitelman valintanäyttöä, ei luottokorttipyyntöä eikä tässä vaiheessa mitään päivitysmuuria. Ilmainen Starter-suunnitelma aktivoituu automaattisesti.
Jos sinulla on jo Figma-tili, modaalia ei näytetä, ja päädyt suoraan rakentajaan.
Rakenne kestää 8 minuuttia ja kertoo sinulle täsmälleen, mitä se tekee
Työtila jakautuu vasemmalla olevaan keskustelupalstaan ja oikealla olevaan live-esikatseluun. Esikatselussa näkyy paikkamerkki tekstillä “Building your idea…” ja sen jälkeen “Working out the details…” työkalun edetessä.
Mikä tekee tästä erilaisen kuin tavallinen latausnäyttö, on keskustelupalstan päättelypaneeli, joka kirjaa työkalun ajattelun reaaliajassa.
Rakennukseni aikana päättelypaneeli näytti:
- Työkalu kutsui theme-työkalua ennen kuin kirjoitti ainuttakaan koodiriviä
- Se kirjasi “Worked with 3 files” prosessoidessaan kehotetta
- Päättelyloki kuvasi sen koko lähestymistavan: se kartoitti jäljellä olevat ominaisuudet (kiinteistösuodatus, vuokrasopimusten hallinta, maksuhistoria, huoltopyynnöt, viestintä, ilmoitukset ja hallintapaneelit), kertoi, että se jäsentäisi React-komponentin ensin tyyppimäärittelyillä, rakentaisi sitten realistisia yksityiskohtia sisältävän mock-datan ja käsittelisi sen jälkeen navigoinnin ja tilanhallinnan roolipohjaisille näkymille jokaisessa osiossa
- Tilaviesti ilmestyi päättelyn alle: “Writing the component structure…”
Tuo järjestys on tärkeä. Työkalu suunnitteli tyyppimäärittelyt ennen kuin kirjoitti yhtäkään käyttöliittymää, lisäsi sitten realistisen mock-datan ja rakensi sen jälkeen navigoinnin sen ympärille. Tämä on jäsennelty lähestymistapa, ei satunnainen generointi.
Rakennusaikajana: 3:58 PM:stä 4:06 PM:ään. Kahdeksan minuuttia.
Keskustelupaneelin alareunassa oleva mallivalitsin antaa sinun valita rakentamisessa käytettävän tekoälyn ennen aloitusta tai vaihtaa mallia rakennusten välillä:
| Malli | Kuvaus |
|---|---|
| Default | Figma suosittelee (tarkkaa mallia ei paljasteta) |
| Claude Sonnet 4.6 | Tasapainoinen, tehokas |
| Gemini 3 Flash | Nopea, iteratiivinen |
| Gemini 3.1 Pro | Syvä, luova |
| GPT-5.5 | Kyvykäs, nopea |
Mahdollisuus vaihtaa nopeasta iteratiivisesta mallista syvempään malliin ilman, että poistut työkalusta tai rakennat alusta asti uudelleen, on merkittävä työnkulkuetu.
Mallivalitsimen lisäksi on Build/Plan-tilan vaihto:
| Tila | Mitä se tekee |
|---|---|
| Build | Luo ja iterioi työn edetessä |
| Plan | Yhdenmukaistaa monimutkaisen työn ja kartoittaa arkkitehtuurin ennen koodin kirjoittamista |
Kehotteellani, joka oli näin yksityiskohtainen, Plan-tila olisi todennäköisesti tuottanut siistimmän ensimmäisen rakennuksen ja vähemmän varoituksia. Käytin Build-tilaa ja käsittelin varoitukset toisessa passissa.
Valmis lopputulos nimesi itsensä PropVaultiksi ja ansaitsi sen itsevarmuuden
Valmis sovellus, jonka työkalu nimesi PropVaultiksi sitä pyytämättä, on monisivuinen kiinteistöhallinta-alusta, jossa on yhtenäinen visuaalinen identiteetti, tumma laivastonsininen sivupalkki, selkeä typografia ja login-näytöllä kontekstuaalista sosiaalista näyttöä. Login-näyttö näyttää:
- Tumman vasemman paneelin, jossa on PropVault-logo, tagline (“Property management, simplified.”) ja kolme mock-tilastoa: 86 properties managed, 1,240 active tenants, $2.1M collected monthly
- Oikean paneelin, jossa on Sign In / Create Account -välilehdet, valmiiksi täytetty sähköposti (marcus@propvault.io) ja salasana sekä kolme roolivalintapainiketta: Landlord, Tenant, Admin
- Alatunnisteen: “Demo: click a role above, then sign in”
Jokainen vasemman navigaation näkymä avaa toimivan, täytetyn näytön. Tässä on, mitä koko sovellukseen rakennettiin:
| Näyttö | Mitä rakennettiin |
|---|---|
| Dashboard | Neljä KPI-korttia (monthly revenue, occupancy rate, open requests, total properties), 12 kuukauden revenue vs. expenses -viivakaavio “Live”-badge-merkinnällä, recent activity -syöte, overdue payment -hälytys Send Reminders -painikkeella, expiring leases yksittäisillä Renew-painikkeilla |
| Properties | Kiinteistölista suodatuksella |
| Leases | Vuokrasopimusten hallinta tilaseurannalla |
| Payments | Maksuhistoriataulukko tilabadgeilla, Stripe-pohjainen turvallinen maksumodaali |
| Maintenance | Kanban-taulu (Open / In Progress / Completed) prioriteettibadgeilla ja toimittajan kohdistuksella; vuokralaisen lähetyslomake |
| Messages | Kaksipaneelinen chat-käyttöliittymä realistisilla keskusteluketjuilla ja send-on-enter-tuella |
| Documents | Raahaa ja pudota -latausalue, kategoriapillisuodattimet, tiedostoruudukko hover-toiminnoilla |
| Reports | Pylväskaavio, vaakasuuntainen occupancy-kaavio, maintenance-piirakkakaavio, KPI-metriikkataulukko, päivämäärävälin vaihto (3m / 6m / 12m) |
| Admin Console | Käyttäjähallintataulukko, järjestelmän tila- ja integraatiopaneeli, täysi REST API -viite, käyttöönottolistan ohjeet (PostgreSQL, Docker, Vercel, Stripe webhook -asetukset) |
Kaikki data jokaisella näytöllä on simuloitua. Backend-yhteydet vaativat konfigurointia ennen kuin mitään tallennetaan tai haetaan live-datana. Kahdeksan minuutin jälkeen käytössäsi on tuotantolaatuinen frontend-runko, jossa on tarpeeksi näyttöjen kattavuutta ja datatiheyttä toimivaksi demoksi esittelemistä varten.
Kaikki kolme käyttäjäroolia on rajattu oikein, ja yksityiskohtien taso on vaikuttava
Roolipohjainen käyttöoikeuksien hallinta on kohta, jossa tekoälyrakentajat useimmiten oikovat. Figma Make ei tehnyt niin. Jokainen rooli kirjautuu täysin erilaiseen kokemukseen omalla navigaatiollaan ja omalla datanäkymällään sekä omalla rajauksellaan.
| Rooli | Navigointikohteet | Dashboardin painotus |
|---|---|---|
| Landlord (Marcus Hewitt) | Dashboard, Properties, Leases, Payments, Maintenance, Messages, Documents, Reports | Alustatason mittarit kaikista kiinteistöistä ja vuokralaisista |
| Tenant (Priya Nair) | Dashboard, Leases, Payments, Maintenance, Messages, Documents | Henkilökohtaiset mittarit vain tälle vuokralaiselle |
| Admin (Cassandra Voss) | Kaikki Landlord-kohteet sekä Admin | Sama kuin Landlord-dashboard, mutta pääsy Admin Consoleen |
Landlord-dashboardin yksityiskohdat:
- Monthly Revenue: $41,900 (Apr 2024, +2.8% vs last month)
- Occupancy Rate: 88% (76/86 units, +1.2% vs last month)
- Open Requests: 5 maintenance tickets
- Total Properties: 6 properties, 86 total units
- Revenue vs. Expenses -kaavio toukokuusta huhtikuuhun (12 kuukautta)
- Recent activity -syöte: rent received, overdue payments, new maintenance request, expiring lease, tenant message
- Hälytysbanneri: “2 overdue payments require attention” ja nimettyinä Tomás Reyes ($2,100) sekä Fatima Al-Sayed ($2,650), sekä Send Reminders -toimintopainike
Tenant-dashboardin yksityiskohdat (Priya Nair):
- Next Payment: $1,850, due April 1, 2024
- Lease Status: Active, ends August 31, 2024
- Open Requests: 1 (HVAC repair pending)
- Messages: 2 unread
- Maksuhistoria, jossa näkyy Maple Grove #4B, $1,850, Paid
- Huoltopyyntö, jossa näkyy “HVAC not cooling,” In Progress -badge ja päivämäärä March 28, 2024
Tenant-roolin Payments-näkymä avaa Stripe-brändätyn modaalin, kun “Pay Now” napsautetaan:
- Otsikko: “Secure Payment. Powered by Stripe.”
- Maksurivi: April Rent, Maple Grove #4B, $1,850.00
- Card Number -kenttä (valmiiksi muotoiltu)
- Expiry (MM/YY) ja CVC -kentät
- Pay-painike valmiiksi nimettynä: “Pay $1,850.00”
- Alatunniste: “256-bit SSL encryption · PCI DSS compliant”
Admin Console (Cassandra Voss):
Admin Console sisältää neljä välilehteä (Users, System, API Docs, Deployment) ja avautuu User Management -taulukkoon.
Jokaisella rivillä on edit- ja remove-toimintopainikkeet. Invite User -painike sijaitsee taulukon oikeassa yläkulmassa. Tomás Reyes on merkitty oikein Delinquent-tilaan, mikä on yhdenmukaista Landlord-dashboardin overdue payment -hälytyksen kanssa.
Editointi käyttää kahta rinnakkaista työkalua, ja molemmat ovat ilmaiseksi käytettävissä
Rakennuksen valmistuttua käytössä on samanaikaisesti kaksi editointipolkua, eikä kumpikaan ole maksullisen suunnitelman takana.
Polku 1: Visuaalinen editori
- Napsauta mitä tahansa elementtiä live-esikatselussa valitaksesi sen ja avataksesi kelluvan editointipalkin
- Editointipalkki sisältää: fonttiperheen valinnan, fonttikoon (miinus- ja plus-painikkeilla), lihavoinnin, kursivoinnin, tekstin tasaamisen, leveyskontrollit, välistyksen ja elementin poistamisen
- Valittu elementti lisätään samalla chat-syöttökenttään, joten elementin napsauttaminen ja chatissa kirjoittaminen lähettää muutospyynnön niin, että kyseinen elementti on jo valmiiksi kontekstissa
- Konteinerin valitseminen näyttää täsmällisen komponenttityypin ja sisäkkäisyyden (esimerkiksi “div x 4”) työkalupalkin yläpuolella, mikä antaa tarkan asettelukontekstin ilman koodin avaamista
Visuaalisen valitsimen ja chat-syötteen välinen yhteys on tämän editointityönkulun käytännöllisin osa.
Sinun ei tarvitse valita näiden kahden välillä. Napsautat elementtiä tunnistaaksesi sen, kirjoitat sitten chattiin kuvaillaksesi haluamasi muutoksen, ja tekoäly soveltaa sen täydellä tietoisuudella siitä, minkä komponentin olet valinnut.
Polku 2: Koodieditori
Koodikuvakkeen napsauttaminen työtilan yläosassa avaa koko React-lähdekoodin. Tiedostorakenne:
src/
app/
components/
App.tsx (1,300+ lines)
styles/
fonts.css
globals.css
index.css
tailwind.css
theme.css
guidelines/
ATTRIBUTIONS.md
default_shadcn_theme.css
package.json
pnpm-workspace.yaml
postcss.config.mjs
vite.config.ts
App.tsx on järjestetty nimettyihin näkymäfunktioihin (DashboardView, ReportsView, MaintenanceView ja niin edelleen), ja jokaisen näytön erottaa toisistaan osion kommentit.
Koodi on luettavaa, hyvin jäsenneltyä ja muokattavissa suoraan selaimessa. Latausta tai ulkoista IDE:tä ei tarvita. Tämä täysi lähdekoodin käyttöoikeus on käytettävissä ilmaisella suunnitelmalla.
Visuaalisen editorin, chatin tai koodieditorin kautta tehdyt muutokset syöttävät kaikki samaan live-esikatseluun ja näkyvät välittömästi.
Ensimmäisellä rakennuksella oli yli 10 varoitusta, jotka korjattiin tarkasti yhdellä klikkauksella
Kun ensimmäinen rakennus valmistui, keskustelupaneelin alareunaan ilmestyi banneri: “10+ warnings” ja “Fix for me” -painike sekä sulkemiskuvake.
Selaimen konsolin avaaminen (käytettävissä työtilan konsolikuvakkeesta) näytti lähteen: Recharts-kaavionkirjaston päällekkäiset SVG gradient -tunnisteet.
Syy: Dashboard- ja Reports-osioissa rekisteröitiin samat geneeriset gradienttien nimet (revGrad, expGrad) SVG-elementteinä. Recharts rekisteröi gradientit tunnisteina SVG-nimiavaruuteen, joten useiden kaaviotapausten geneeriset nimet törmäävät samassa dokumentissa. Konsoli näytti pitkän listan minifioituja JavaScript-viitteitä, jotka kaikki jäljittyivät tähän ristiriitaan.
“Fix for me” -painikkeen napsauttaminen käynnisti toisen rakennusvaiheen. Työkalu tunnisti kolme täsmällistä ongelmaa ja sovelsi kohdennetut korjaukset:
- Dashboard AreaChart: Nimesi gradienttien tunnisteet geneerisistä revGrad / expGrad -nimistä yksilöllisiksi tunnisteiksi dash-area-rev / dash-area-exp, mikä esti nimiavaruuden ristiriidan
- Occupancy BarChart: Vaihtoi cell-avaimet numeerisesta indeksistä (key={i}) vakaisiin merkkijonoavaimiin käyttämällä kiinteistön nimeä (key={\occ-${entry.property}`}), joten jokaisella solulla on vakaa, yksilöllinen avain
- Maintenance PieChart: Sovelsi samaa avainkorjausta käyttämällä merkinnän nimeä (key={\pie-${entry.name}`})
Tämä rakennus tallentui automaattisesti Version 2:na. Versionhistoria-paneeli (avautuu napsauttamalla version etikettiä työtilan yläosassa) näyttää selkeän lokin:
| Versio | Etiketti | Aika |
|---|---|---|
| Version 1 | Property Management Platform | 4:06 PM |
| Version 2 | Resolve code warnings | 4:19 PM |
Toisen passin jälkeen konsolissa näkyi vain puhtaita vite-hot-reload-viestejä, ja varoitusbanneri katosi. Paluu Version 1:een on yhden klikkauksen päässä versionhistoria-paneelista.
Koko korjaussykli ensimmäisestä rakennuksesta puhtaaseen konsoliin kesti 13 minuuttia ilman manuaalista koodinmuokkausta.
Asetukset-paneelissa on enemmän syvyyttä kuin beetatyökalulta odottaisi
Asetukset-paneeli avataan työtilan oikeassa yläkulmassa olevasta hammasrataskuvakkeesta. Pudotusvalikko järjestää vaihtoehdot kahteen ryhmään:
Make-asetukset:
- General
- Domains
- Fonts
- Chat preferences
- Audio
Integraatiot:
- GitHub
- Supabase
- Adjust guidelines
General-asetukset kattaa julkaisutilan ja SEO-konfiguraation:
| Asetus | Tieto |
|---|---|
| Tila | Ei julkaistu (Publish-painike käytettävissä suoraan) |
| Otsikko | Muokattava projektin nimi |
| Meta description | Täytetään automaattisesti rakennuskontekstista |
| Language | ISO language code -kenttä |
| Google Analytics ID | Yhdistä GA4-property liikenteen seurantaa varten |
| Exclude from search engine results | Valintaruutu, valmiiksi valittuna ilmaisella suunnitelmalla |
| Clear chat context | Tyhjentää pysyvästi Make:n keskustelumuistin; chat-historialoki pysyy näkyvissä |
Clear chat context -vaihtoehto on syytä ymmärtää. Se pyyhkii tekoälyn muistista rakennuskeskustelun ilman, että näkyvää chat-lokia poistetaan. Tämä on hyödyllistä, kun pitkä rakennusketju saa tekoälyn takertumaan aiempaan kontekstiin uusissa muutospyynnöissä.
Domains-asetukset näyttävät:
- Base domain: example.figma.site (ilmainen alidomain, menee julkaistessa liveksi)
- Connected domains: Mahdollisuus lisätä oma verkkotunnus kolmannen osapuolen palveluntarjoajalta (maksullinen suunnitelma vaaditaan)
Integraatiot:
- GitHub: Koodin vienti ja repositorion synkronointi
- Supabase: Yhdistä oikea backend ja tietokanta korvaamaan simuloitu datakerros
- Adjust guidelines: Aseta mukautettuja ohjeita, joita tekoäly noudattaa muutoksia tehdessään, kattaen esimerkiksi komponenttikirjaston käytännöt, nimeämisstandardit tai suunnittelurajoitteet, joita haluat kunnioitettavan jokaisessa rakennuksessa ja iteroinnissa
Adjust guidelines -vaihtoehto on merkittävä lisäys, jota muut työkalun osiot eivät tuo esiin yhtä näkyvästi. Sen avulla voit määritellä, miten tekoälyn tulisi toimia ennen rakennuksen aloittamista, sen sijaan että korjaisit ei-toivottuja malleja jälkikäteen.
Julkaiseminen on yhden klikkauksen päässä, ja ilmainen URL näyttää oikealta erilliseltä sovellukselta
Publish-painikkeen napsauttaminen oikeassa yläkulmassa avaa paneelin, joka sisältää kaiken tarvittavan julkaisuun:
| Kenttä | Tieto |
|---|---|
| Otsikko | Muokattava projektin nimi |
| URL | example.figma.site |
| Tila | Ei julkaistu |
| Feature on Community | Kytkin sovelluksen listaamiseksi Figma Community -galleriassa |
Feature on Community -kytkin avaa esikatseluosion, joka näyttää, miltä sovellus näyttää Figma Communityssa muiden julkaistujen sovellusten rinnalla.
Täältä:
- Voit valita enintään viisi tunnistetta sovelluksen luokittelemiseksi (vaihtoehtoihin kuuluvat Apps, Dashboards ja lisää “Show more” -kohdan kautta)
- “Show chat history” -valintaruutu määrittää, onko rakennuskeskustelu näkyvissä Community-katsojille
- Huomautus vahvistaa: “By publishing to Community, you agree to Figma’s Creator Agreement”
Kun sovellus on julkaistu, figma.site-URL avaa sovelluksen erillisessä selainnäkymässä. Ei ole Figma-editorin käyttöliittymää, ei vesileimaa eikä näkyvää “built with Figma Make” -merkintää sovelluksen ympärillä. Se latautuu ja toimii kuin oikea erillinen verkkosovellus, ei kehystetty prototyyppi.
Ilmaisen suunnitelman julkaisu sisältää:
- Jaettavan figma.site-alidomain-URL:n
- Erillisen sovellusnäkymän ilman näkyvää Figma-brändäystä
- Mahdollisuuden esitellä sovellus Figma Communityssa
Maksullisen suunnitelman julkaisu lisää:
- Oman verkkotunnuksen kolmannen osapuolen palveluntarjoajalta
- Enemmän tekoälykrediittejä lisärakennuksia ja iterointeja varten
Figma Make – hinnoittelu ja suunnitelmat
Figma Makea ei myydä erillisenä tuotteena. Käyttö sisältyy Figma Full seat -suunnitelmiin, ja tekoälykrediitit jaetaan kaikkien Figma AI -ominaisuuksien kesken, ei vain Make:n. Figma Make -rakennus käyttää samaa kuukausittaista kiintiötä kuin Figma Designin AI-työkalut, kuvankäsittely ja mikä tahansa muu alustan tekoälytoiminto.
Ilmainen Starter-suunnitelma sisältää Figma Make -käytön, mutta kuukausittainen krediittikatto on niin matala, että yksi monimutkainen rakennus syö siitä suuren osan. Starter-suunnitelma sopii työkalun arviointiin ja yksittäisiin testeihin, ei tiimeille, jotka käyttävät Makea säännöllisesti osana rakennusprosessia.
Maksulliset suunnitelmat on rakennettu seat-tyyppien ympärille. Professional-, Organization- ja Enterprise-tasojen Full seatit sisältävät jokainen merkittävästi enemmän tekoälykrediittejä kuukaudessa, ja jokainen taso nostaa kuukausittaista allokaatiota. Jos olet jo maksullisessa Figma-suunnitelmassa lähinnä Design-käyttöä varten, Make on jo käytettävissä ilman lisäkustannuksia olemassa olevan krediittipoolisi sisällä.
Lisä-Tekoälykrediittejä voi ostaa lisäosana kaikilla maksullisilla suunnitelmilla, mikä kannattaa ottaa huomioon, jos tiimisi tekee useita Make-rakennuksia viikossa Figma AI:n muun käytön ohella.
Erillistä ilmaista kokeilujaksoa Starter-suunnitelman lisäksi ei ole, eikä Figma:n julkaistuissa ehdoissa mainita rahojen palautustakuuta. Vuosisuunnitelmien peruutukset eivät tuota hyvitystä jäljellä olevasta kaudesta. Professional-suunnitelman peruutuksen voi hoitaa Admin Dashboardista; Organization- ja Enterprise-suunnitelmien peruutuksissa on otettava yhteyttä myyntitiimiin.
Käytännön suunnitelmasovitus: Starter-suunnitelma kattaa arvioinnin ja satunnaisen käytön. Professional Full seat on minimi realistinen lähtökohta tiimeille, jotka haluavat käyttää Makea useammin kuin kerran tai kaksi kuukaudessa ilman, että krediitit loppuvat kesken projektin.
Vaihtoehdot Figma Makelle
Tällä hetkellä Figma Maken suorin kilpailija on Lovable. Siinä missä Figma Make tuottaa frontend-sovelluksen Figma-työtilan sisällä, Lovable on tarkoitukseen rakennettu tekoälyllä toimiva sovellusrakentaja, joka hoitaa koko pinon: frontendin, backendin, tietokannan, tunnistautumisen ja yhden klikkauksen käyttöönoton, erilliseltä alustalta, jolla on yli 8 miljoonaa raportoitu käyttäjää.
Kaikille, jotka eivät ole jo maksullisella Figma-suunnitelmalla tai jotka tarvitsevat tuotantoon yhdistetyn sovelluksen eikä vain hiotun prototyypin, Lovable vie sinut käyttöönotettuun, dataan kytkettyyn sovellukseen nopeammin ja vähemmällä konfiguroinnilla.
| Ominaisuus | Figma Make | Lovable |
|---|---|---|
| Käytön helppous | Kehotepohjainen ilman käyttöönottoa | Kehotepohjainen ilman käyttöönottoa |
| Paras käyttötarkoitus | Suunnittelijoille ja tiimeille, jotka ovat jo Figma-maksusuunnitelmassa | Ei-teknisille perustajille, jotka rakentavat ja julkaisevat MVP:itä |
| Backend ja data | Vain frontend; Supabase saatavilla integraationa | Sisäänrakennettu Supabase-backend mukana alusta alkaen |
| Suunnittelun joustavuus | Visuaalinen editori, chat-editointi ja täysi lähdekoodin käyttöoikeus | Chat-pohjainen editointi, koodinvienti käytettävissä |
| Hinnoittelumalli | Sisältyy Figma Full seatiin; jaettu tekoälykrediittipooli | Erillinen tilaus omalla krediittijärjestelmällään |
Lopullinen tuomio: Onko Figma Make sen arvoinen?
Kaikille, jotka jo maksavat Figma Full seatista, vastaus on yksinkertainen: kyllä, ja merkittävällä marginaalilla. Ulostulon laatu asettaa Figma Maken useimpien tekoälyllä toimivien sovellusrakentajien edelle, vaikka ne olisivat olleet markkinoilla paljon pidempään.
Yhdestä kehotteesta syntyi monisivuinen, roolitietoinen kiinteistöhallinta-alusta, jossa oli Stripe-maksumodaali, reaaliaikainen analytiikka-dashboard, Kanban-pohjainen huoltotaulu, kaksipaneelinen viestintäkäyttöliittymä ja täysi hallintakonsoli käyttäjähallintataulukolla, REST API -dokumentaatiolla ja käyttöönottolistoilla. Kaikki tämä kahdeksassa minuutissa, täydellä lähdekoodin käyttöoikeudella ilmaisella suunnitelmalla ja puhtaalla, erillisellä julkaisu-URL:lla. Mikään tuossa ei ole tavallista beetatuotteelle.
Tiimeille, jotka eivät ole tällä hetkellä Figma:ssa, laskelma vaatii rehellisen tarkastelun siitä, mitä todella tarvitset. Merkittävän krediittipääsyn saaminen Figma Makeen edellyttää Full seatia maksullisessa Figma-suunnitelmassa, mikä on laajempi alustaan tehtävä investointi kuin mikään erillinen tekoälyrakentaja vaatii. Jos ensisijainen tavoite on julkaista toimiva verkkosovellus live-tietokannalla ja oikeilla käyttäjillä eikä prototyyppiä, Lovable vie sinut siihen lopputulokseen vähemmällä konfiguroinnilla ja ilman tarvetta suunnittelualustan tilaukselle.
Tämän hetken eniten Figma Makesta hyötyvä yleisö on suunnittelijat ja tuotetiimit, jotka haluavat kaventaa kuilua staattisen Figma-prototyypin ja testattavan, koodipohjaisen interaktiivisen rakennelman välillä ilman työkalun vaihtamista tai odottamista, että kehittäjä tekee sen mahdolliseksi. Juuri tähän käyttötapaukseen Figma Make on paras vaihtoehto saatavilla.
