Kas yra Figma Make?
Figma Make yra AI programėlių kūrimo įrankis, integruotas tiesiai į Figma platformą, kuris paima tekstinį užklausos aprašą ir sukuria veikiantį, kodu paremtą front-end programėlės sprendimą, nereikalaujant išeiti iš Figma darbo aplinkos ar susikurti atskiro įrankio.
Jis generuoja React programas su pilna prieiga prie šaltinio kodo, automatine versijų istorija ir tiesiogine peržiūros nuoroda, ir išsiskiria iš kitų AI kūrimo įrankių tuo, kad leidžia pasirinkti pagrindinį modelį, kuris atlieka darbą: Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro arba GPT-5.5, užuot jus pririšęs prie vieno modelio be jokio matomumo, kas iš tikrųjų veikia.
Gautas rezultatas nėra maketas ar dizaino failas, o tikras, redaguojamas kodas, kurį galite peržiūrėti, keisti ir nusiųsti į GitHub.
Kam skirta Figma Make?
- Produktų dizaineriams, kurie jau naudoja Figma. Make veikia įrankyje, kuriame jau esate, todėl nereikia mokytis naujos platformos ar papildyti jau mokamą prenumeratą dar viena.
- Netekchniniams įkūrėjams, kuriems greitai reikia demonstracinės versijos. Sudėtinga, kelių ekranų programėlė su vaidmenimis grįsta prieiga ir realistiškais duomenimis sukuriama per mažiau nei 10 minučių, o to pakanka pirmajam investuotojų susitikimui.
- Produktų vadovams, kuriems reikia parodyti, o ne pasakyti. Figma Make sukuria kažką, ką galite iš tikrųjų pateikti suinteresuotai šaliai ir kartu pereiti per tai, užuot davę PDF su ekranais.
- Programuotojams, kuriems reikia veikiančio pagrindo. Sugeneruotas kodas yra tvarkingas React su TypeScript, o pilnas šaltinio kodas prieinamas nemokamame plane, todėl tai yra tikras atspirties taškas, o ne vienkartinis prototipas.
Figma Make privalumai ir trūkumai
- Iš vienos užklausos sukuria sudėtingas kelių ekranų programėles
- Nemokamas planas apima pilną prieigą prie šaltinio kodo
- Galite pasirinkti savo AI modelį: Claude, Gemini arba GPT
- Automatinė versijų istorija išsaugo kiekvieną kūrimo iteraciją
- Vaidmenimis pagrįsta autentifikacija sugeneruojama be papildomų nurodymų
- GitHub ir Supabase integracijos įdiegtos natively
- Vizualus redaktorius ir kodo redaktorius vienoje darbo aplinkoje
- Pirmuosiuose kūrimuose atsiranda kodo įspėjimų
- Mėnesinė nemokamų kreditų riba išsenka greitai
- Norint naudoti pasirinktinį domeną, reikia mokamo Figma plano
Įvertinimo suskirstymas
Toliau pateikti balai atspindi tai, ką Figma Make siūlo dabar, viešoje beta versijoje. Tokiai produkto stadijai rezultato kokybė gerokai viršijo mano lūkesčius, o komandoms, kurios jau turi mokamą Figma planą, vertės santykį sunku ginčyti, nes papildomai mokėti nereikia.
| Funkcija | Įvertinimas (iš 10) | Kodėl toks balas |
|---|---|---|
| Naudojimo paprastumas | 9.5 | Jokio diegimo, užklausomis grįsta pradžia, du redagavimo būdai ir 8 minučių kūrimo ciklas daro šį įrankį vienu mažiausiai pastangų reikalaujančių AI kūrėjų, nuo kurių lengva pradėti. |
| Funkcijos ir galimybės | 9.8 | Vaidmenimis pagrįsta autentifikacija, Stripe mokėjimų UI, kelių grafikų ataskaitos, administravimo konsolė, modelio pasirinkimas ir pilna REST API nuoroda sugeneruojami iš vienos užklausos. |
| Dizainas ir pritaikymas | 9.4 | Numatytasis vizualinis rezultatas yra tvarkingas ir profesionalus, o tiek paspaudimu pasirenkamas vizualus redaktorius, tiek pilna prieiga prie šaltinio kodo prieinama net nemokamame plane. |
| Vertė už pinigus | 9.4 | Pilna prieiga prie kodo nemokamame lygyje yra tikrai neįprasta, o mokamo plano naudotojams Make yra įtrauktas į esamą Figma prenumeratą kaip atskiras mokestis. |
| Našumas ir patikimumas | 9.9 | Aštuonios minutės iki kelių ekranų, rolėmis paremto sprendimo su Stripe UI ir administravimo konsole yra greičiausias kūrimo iki naudingo rezultato santykis, kurį esu testavęs. |
| Bendrai | 9.6 | Išskirtinis beta produktas, kuris jau dabar lenkia daugelį brandžių AI programėlių kūrimo įrankių pagal rezultato kokybę ir funkcijų gylį. |
Figma Make funkcijos
- Užklausos į programėlę kūrimas per mažiau nei 10 minučių
- Kelių modelių pasirinkimas, įskaitant Claude, Gemini ir GPT
- Automatiškai sukuriama vaidmenimis pagrįsta naudotojų autentifikacija
- Paspaudimu pasirenkamas vizualus redaktorius su inline stiliaus valdikliais
- Pilnas React šaltinio kodas redaguojamas nemokamame plane
- GitHub ir Supabase integracijos prieinamos be papildomos konfigūracijos
- Vienu paspaudimu publikuojama figma.site subdomenyje
Mano nuoširdi Figma Make apžvalga: ką aptikau ją testuodamas
Pradinis ekranas iškart netrukdo jums dirbti
Pradinis ekranas yra vienas užklausos laukelis su trumpu šūkiu: “Make your ideas real with AI. Start with a design and prompt your way to a functional prototype, fast.” Po įvedimo lauku rodomi trys siūlomi pradžios variantai:
- Įsijungimo eiga
- Duomenų suvestinė
- Gradient gallery
Galite ignoruoti visus tris ir parašyti bet ką norite.
Visą šią užklausą pateikiau tiksliai:
“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.”
Įrankis priėmė ją be jokio trukdžio ir iškart perėjo prie kūrimo. Jokių projekto tipo pasirinkimų, šablonų galerijos, jokios išankstinės architektūros konfigūracijos.
Verdiktas: Pradinis taškas yra kuo artimesnis nuliui trinties, kokį tik esu matęs AI kūrimo įrankiuose. Kompromisas tas, kad be jokios struktūrinės pagalbos prieš kūrimą, neaiški užklausa duoda neaiškų rezultatą. Tai, ką gausite, visiškai priklauso nuo to, ką įvedate.
Registracija yra greita ir nekelia mokamos sienos tarp jūsų ir rezultato
Paspaudus rodyklės mygtuką prieš prisijungiant, pasirodo “Welcome to Figma” modalinis langas. Du variantai:
- Continue with Google (vienas paspaudimas, mažiau nei per 10 sekundžių)
- Continue with email (įveskite el. paštą, patvirtinkite, iš viso mažiau nei per 30 sekundžių)
Abu keliai nukreipia jus į Figma Make darbo aplinką, o jūsų kūrimas jau būna eilėje. Nėra plano pasirinkimo ekrano, nėra kreditinės kortelės užklausos, nėra atnaujinimo sienos šiame etape. Nemokamas Starter planas aktyvuojamas automatiškai.
Jei jau turite Figma paskyrą, modalinis langas nepasirodo, ir jūs patenkate tiesiai į kūrimo įrankį.
Kūrimas trunka 8 minutes ir tiksliai pasako, ką daro
Darbo aplinka padalinta į pokalbių stulpelį kairėje ir tiesioginę peržiūrą dešinėje. Peržiūra rodo laikiklį su tekstu “Building your idea…” ir vėliau “Working out the details…” įrankiui progresuojant.
Tai skiriasi nuo paprasto įkrovimo ekrano tuo, kad pokalbių stulpelyje esantis samprotavimo skydelis realiu laiku registruoja įrankio mąstymą.
Kūrimo metu samprotavimo skydelyje mačiau:
- Įrankis prieš rašydamas nors vieną kodo eilutę iškvietė temų įrankį
- Jis užregistravo “Worked with 3 files” apdorodamas užklausą
- Samprotavimo žurnalas aprašė visą savo požiūrį: jis suplanavo likusias funkcijas (turto filtravimą, nuomos valdymą, mokėjimų istoriją, priežiūros užklausas, susirašinėjimą, pranešimus ir administravimo valdiklius), nurodė, kad React komponentą struktūrizuos pirmiausia su tipų apibrėžtimis, tada kurs realistiškus bandomuosius duomenis, o galiausiai sutvarkys navigaciją ir būsenos valdymą vaidmenimis pagrįstiems vaizdams per visas sekcijas
- Po samprotavimo atsirado būsenos žinutė: “Writing the component structure…”
Ši seka svarbi. Įrankis pirmiausia suplanuoja tipų apibrėžtis, o tik paskui kuria bet kokį UI, tada prideda realistiškus bandomuosius duomenis ir galiausiai kuria navigaciją aplink juos. Tai struktūruotas požiūris, o ne atsitiktinė generacija.
Kūrimo laiko juosta: 3:58 PM iki 4:06 PM. Aštuonios minutės.
Modelio pasirinkimo priemonė pokalbių skydelio apačioje leidžia prieš pradedant pasirinkti AI, kuris vykdys kūrimą, arba perjungti jį tarp kūrimų:
| Modelis | Aprašymas |
|---|---|
| Default | Rekomenduojamas Figma (konkretus modelis neatskleidžiamas) |
| Claude Sonnet 4.6 | Subalansuotas, efektyvus |
| Gemini 3 Flash | Greitas, iteratyvus |
| Gemini 3.1 Pro | Gilus, kūrybiškas |
| GPT-5.5 | Galingas, greitas |
Galimybė perjungti nuo greito, iteratyvaus modelio prie gilesnio, neišeinant iš įrankio ir nepradedant kūrimo iš naujo, yra reikšmingas darbo eigos privalumas.
Šalia modelio pasirinkimo yra Build/Plan režimo jungiklis:
| Režimas | Ką jis daro |
|---|---|
| Build | Kuria ir iteruoja kartu su jumis |
| Plan | Suderina sudėtingą darbą ir suplanuoja architektūrą prieš rašant kodą |
Tokiai išsamiai užklausai kaip manoji Plan režimas tikriausiai būtų sukūręs tvarkingesnį pirmąjį variantą su mažiau įspėjimų. Aš naudojau Build režimą ir įspėjimus tvarkiau antru žingsniu.
Baigtas rezultatas pasivadino PropVault ir pateisino tą pasitikėjimą
Baigta programėlė, kurią įrankis pavadino PropVault be jokio mano nurodymo, yra kelių ekranų turto valdymo platforma su nuoseklia vizualine tapatybe, tamsiai mėlyna šonine juosta, švaria tipografija ir kontekstiniu socialiniu įrodymu prisijungimo ekrane. Prisijungimo ekrane matoma:
- Tamsus kairysis skydelis su PropVault logotipu, šūkiu (“Property management, simplified.”) ir trimis bandomaisiais statistiniais duomenimis: 86 properties managed, 1,240 active tenants, $2.1M collected monthly
- Dešinysis skydelis su Sign In / Create Account kortelėmis, iš anksto užpildytu el. paštu (marcus@propvault.io) ir slaptažodžiu bei trimis vaidmens pasirinkimo mygtukais: Landlord, Tenant, Admin
- Poraštės pastaba: “Demo: click a role above, then sign in”
Kiekvienas kairėje esančioje navigacijoje esantis ekranas atveria veikiantį, užpildytą vaizdą. Štai kas buvo sukurta visoje programėlėje:
| Ekranas | Ką sukūrė |
|---|---|
| Dashboard | Keturi KPI kortelių blokai (mėnesinės pajamos, užimtumo rodiklis, atviros užklausos, bendras turtų skaičius), 12 mėnesių pajamų ir išlaidų linijinė diagrama su “Live” žyma, naujausių veiksmų srautas, įspėjimas apie vėluojančius mokėjimus su mygtuku Send Reminders, pasibaigiančių nuomų sąrašas su atskirais Renew mygtukais |
| Properties | Turto sąrašas su filtravimu |
| Leases | Nuomos valdymas su būsenos sekimu |
| Payments | Mokėjimų istorijos lentelė su būsenos ženkleliais, Stripe palaikomas saugaus mokėjimo modalinis langas |
| Maintenance | Kanban lenta (Open / In Progress / Completed) su prioritetų ženkleliais ir tiekėjo paskyrimu; formą, kurią gali pateikti nuomininkas |
| Messages | Dviejų panelių pokalbių UI su realistiškomis pokalbių gijomis ir siuntimo paspaudus Enter palaikymu |
| Documents | Tempiamos ir numetamos įkėlimo zonos, kategorijų filtrų ženkleliai, failų tinklelis su užvedimo veiksmais |
| Reports | Stulpelinė diagrama, horizontali užimtumo diagrama, priežiūros sektorių diagrama, KPI metrikų lentelė, datų intervalo perjungimas (3m / 6m / 12m) |
| Admin Console | Naudotojų valdymo lentelė, sistemos būklės ir integracijų skydelis, pilna REST API nuoroda, diegimo instrukcijos (PostgreSQL, Docker, Vercel, Stripe webhook konfigūracija) |
Visų ekranų duomenys yra simuliuoti. Užpakalinės sistemos ryšiai turi būti sukonfigūruoti prieš tai, kai kas nors bus saugoma ar nuskaityta iš tiesioginių duomenų. Po aštuonių minučių jūs turite produkcinės kokybės front-end pagrindą su pakankamai ekranų ir duomenų tankio, kad jį būtų galima demonstruoti kaip veikiantį pavyzdį.
Visi trys naudotojų vaidmenys yra teisingai apibrėžti, ir detalumas kiekviename yra įspūdingas
Vaidmenimis pagrįsta prieigos kontrolė yra vieta, kur AI kūrimo įrankiai dažniausiai nusišneka. Figma Make to nepadarė. Kiekvienas vaidmuo prisijungia prie visiškai skirtingos patirties su savo navigacija, savo duomenų vaizdu ir savo apimtimi.
| Vaidmuo | Navigacijos elementai | Dashboard fokusas |
|---|---|---|
| Landlord (Marcus Hewitt) | Dashboard, Properties, Leases, Payments, Maintenance, Messages, Documents, Reports | Visos platformos metrikos per visus turtus ir nuomininkus |
| Tenant (Priya Nair) | Dashboard, Leases, Payments, Maintenance, Messages, Documents | Asmeninės šio nuomininko metrikos |
| Admin (Cassandra Voss) | Visi Landlord punktai plius Admin | Tas pats kaip Landlord dashboard, su prieiga prie Admin Console |
Landlord dashboard detalės:
- Mėnesinės pajamos: $41,900 (Apr 2024, +2.8% vs last month)
- Užimtumo rodiklis: 88% (76/86 units, +1.2% vs last month)
- Atviros užklausos: 5 priežiūros bilietai
- Bendras turtas: 6 properties, 86 total units
- Pajamų ir išlaidų diagrama nuo May iki April (12 months)
- Naujausių veiklų srautas: rent received, overdue payments, new maintenance request, expiring lease, tenant message
- Įspėjimo juosta: “2 overdue payments require attention” su įvardytais Tomás Reyes ($2,100) ir Fatima Al-Sayed ($2,650) bei mygtuku Send Reminders
Tenant dashboard detalės (Priya Nair):
- Kitas mokėjimas: $1,850, mokėti iki April 1, 2024
- Nuomos statusas: Active, baigiasi August 31, 2024
- Atviros užklausos: 1 (HVAC repair pending)
- Žinutės: 2 unread
- Mokėjimų istorijoje rodoma Maple Grove #4B, $1,850, Paid
- Priežiūros užklausa su “HVAC not cooling,” In Progress ženkleliu, data March 28, 2024
Payments ekranas Tenant vaidmeniui atidaro Stripe prekės ženklo modalinį langą, kai paspaudžiamas “Pay Now”:
- Antraštė: “Secure Payment. Powered by Stripe.”
- Mokėjimo eilutė: April Rent, Maple Grove #4B, $1,850.00
- Card Number laukas (iš anksto suformatuotas)
- Expiry (MM/YY) ir CVC laukai
- Pay mygtukas su užrašu: “Pay $1,850.00”
- Poraštė: “256-bit SSL encryption · PCI DSS compliant”
Admin Console (Cassandra Voss):
Admin Console turi keturis skirtukus (Users, System, API Docs, Deployment) ir atsidaro ties User Management lentele.
Kiekvienoje eilutėje yra redagavimo ir pašalinimo veiksmų mygtukai. Viršutiniame dešiniajame lentelės kampe yra Invite User mygtukas. Tomás Reyes teisingai pažymėtas kaip Delinquent, nuosekliai su vėluojančio mokėjimo įspėjimu Landlord dashboard’e.
Redagavimui naudojami du lygiagretūs įrankiai, ir abu yra prieinami nemokamai
Pasibaigus kūrimui, vienu metu prieinami du redagavimo keliai, ir nė vienas jų nėra paslėptas už mokamo plano.
1 kelias: vizualus redaktorius
- Paspauskite bet kurį elementą tiesioginėje peržiūroje, kad jį pažymėtumėte ir atvertumėte plūduriuojančią redagavimo juostą
- Redagavimo juostoje yra: šrifto šeimos pasirinkimas, šrifto dydis (su minus ir plius valdikliais), paryškinimas, kursyvas, teksto lygiavimas, pločio valdikliai, tarpai ir elemento ištrynimas
- Pažymėtas elementas tuo pačiu metu pridedamas prie pokalbių įvesties lauko, todėl paspaudus ant elemento ir rašant pokalbyje, pakeitimo užklausa siunčiama jau su kontekstu apie pasirinktą elementą
- Paspaudus konteinerį rodomas tikslus komponento tipas ir įdėjimas (pavyzdžiui, “div x 4”) virš įrankių juostos, suteikiant tikslų išdėstymo kontekstą neatidarant kodo
Vizualaus pasirinkimo ir pokalbių įvesties ryšys yra praktiškiausia šios redagavimo darbo eigos dalis.
Jums nereikia rinktis tik vieno iš jų. Jūs paspaudžiate, kad identifikuotumėte elementą, tada pokalbyje parašote, ką norite pakeisti, ir AI pritaiko pakeitimą, turėdamas pilną supratimą, kurį komponentą pasirinkote.
2 kelias: kodo redaktorius
Paspaudus kodo ikoną darbo aplinkos viršuje, atidaromas pilnas React šaltinis. Failų struktūra:
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 yra sutvarkytas į pavadintas vaizdų funkcijas (DashboardView, ReportsView, MaintenanceView ir taip toliau), o kiekvieną ekraną skiria sekcijų komentarai.
Kodas yra skaitomas, gerai struktūruotas ir redaguojamas tiesiog naršyklėje. Jokio atsisiuntimo ar išorinės IDE nereikia. Pilna prieiga prie šaltinio prieinama nemokamame plane.
Pakeitimai, atlikti per vizualų redaktorių, pokalbį arba kodo redaktorių, visi veikia tą pačią tiesioginę peržiūrą ir atspindimi iš karto.
Pirmasis kūrimas turėjo daugiau nei 10 įspėjimų, tačiau vienu paspaudimu jie buvo tiksliai ištaisyti
Užbaigus pirminį kūrimą, pokalbių skydelio apačioje atsirado juosta: “10+ warnings” su mygtuku “Fix for me” ir uždarymo ikona.
Atidaręs naršyklės konsolę (prieinamą per konsolės ikoną darbo aplinkoje), pamačiau priežastį: pasikartojančius SVG gradientų ID Recharts diagramų bibliotekoje.
Priežastis: Dashboard ir Reports sekcijos abi registravo tuos pačius bendrus gradientų pavadinimus (revGrad, expGrad) kaip SVG elementus. Recharts registruoja gradientus pagal ID SVG vardų erdvėje, todėl bendri pavadinimai iš kelių diagramų egzempliorių susikerta tame pačiame dokumente. Konsolėje buvo matyti ilgas minifikuotų JavaScript nuorodų sąrašas, visas vedantis į šį konfliktą.
Paspaudus “Fix for me”, paleistas antras kūrimo etapas. Įrankis nustatė tris konkrečias problemas ir pritaikė tikslinius pataisymus:
- Dashboard AreaChart: pervadino gradientų ID iš bendrų revGrad / expGrad į unikalius dash-area-rev / dash-area-exp, taip užkirsdamas kelią vardų erdvės konfliktui
- Occupancy BarChart: pakeitė cell raktus iš skaitinio indekso (key={i}) į stabilius tekstinius raktus, naudojant turto pavadinimą (key={\occ-${entry.property}`}`), kad kiekviena cell turėtų stabilų, unikalų raktą
- Maintenance PieChart: pritaikė tą patį raktų pataisymą naudodamas įrašo pavadinimą (key={\pie-${entry.name}`}`)
Šis kūrimas automatiškai išsaugojo kaip Version 2. Versijų istorijos skydelis (pasiekiamas paspaudus versijos etiketę darbo aplinkos viršuje) rodo aiškų žurnalą:
| Versija | Etiketė | Laikas |
|---|---|---|
| Version 1 | Property Management Platform | 4:06 PM |
| Version 2 | Resolve code warnings | 4:19 PM |
Po antrojo etapo konsolėje buvo matomi tik tvarkingi vite hot-reload pranešimai, o įspėjimų juosta dingo. Grįžti prie Version 1 iš versijų istorijos skydelio galima vienu paspaudimu.
Visas taisymo ciklas nuo pirmo kūrimo iki švarios konsolės užtruko 13 minučių, be jokio rankinio kodo redagavimo.
Nustatymų skydelis yra gilesnis, nei tikėtumėtės iš beta įrankio
Nustatymų skydelis pasiekiamas per pavarėlės ikoną viršutiniame dešiniajame darbo aplinkos kampe. Išskleidžiamas meniu suskirsto parinktis į dvi grupes:
Make settings:
- General
- Domains
- Fonts
- Chat preferences
- Audio
Integrations:
- GitHub
- Supabase
- Adjust guidelines
General settings apima publikavimo būseną ir SEO konfigūraciją:
| Nustatymas | Detalė |
|---|---|
| Status | Neišpublikuota (Publish mygtukas prieinamas tiesiogiai) |
| Title | Redaguojamas projekto pavadinimas |
| Meta description | Automatiškai užpildyta iš kūrimo konteksto |
| Language | ISO kalbos kodo laukas |
| Google Analytics ID | Prisijunkite GA4 turtą srauto stebėjimui |
| Exclude from search engine results | Žymimasis langelis, pagal nutylėjimą pažymėtas nemokamame plane |
| Clear chat context | Visam laikui išvalo Make pokalbio atmintį; pokalbio istorijos žurnalas išlieka matomas |
Clear chat context parinktis verta dėmesio. Ji išvalo AI atmintį apie kūrimo pokalbį, bet neištrina matomo pokalbio žurnalo. Tai naudinga, kai ilga kūrimo gija verčia AI per stipriai remtis ankstesniu kontekstu naujoms pakeitimų užklausoms.
Domains settings rodo:
- Base domain: example.figma.site (nemokamas subdomenas, aktyvuojamas publikuojant)
- Connected domains: Galimybė pridėti pasirinktinį domeną iš trečiosios šalies tiekėjo (reikalingas mokamas planas)
Integrations:
- GitHub: kodo eksportas ir repo sinchronizavimas
- Supabase: prijunkite tikrą užpakalinę sistemą ir duomenų bazę, kad pakeistumėte simuliuotą duomenų sluoksnį
- Adjust guidelines: nustatykite pasirinktines instrukcijas, kurių AI laikysis darydamas pakeitimus, įskaitant komponentų bibliotekos konvencijas, pavadinimų standartus arba dizaino apribojimus, kuriuos norite, kad būtų gerbiami kiekvieno kūrimo ir iteracijos metu
Adjust guidelines parinktis yra reikšmingas papildymas, kurio kitos įrankio sekcijos taip aiškiai nepateikia. Ji leidžia apibrėžti, kaip AI turėtų elgtis prieš prasidedant kūrimui, užuot taisius nepageidaujamus modelius po fakto.
Publikavimas vyksta vienu paspaudimu, o nemokamo plano URL atrodo kaip tikra atskira programėlė
Paspaudus Publish mygtuką viršutiniame dešiniajame kampe atsidaro skydelis, kuriame pateikta viskas, ko reikia norint publikuoti:
| Laukas | Detalė |
|---|---|
| Title | Redaguojamas projekto pavadinimas |
| URL | example.figma.site |
| Status | Neišpublikuota |
| Feature on Community | Perjungiklis, skirtas įtraukti programėlę į Figma Community galeriją |
Feature on Community perjungiklis išplečia peržiūros sekciją, kurioje rodoma, kaip programėlė atrodys Figma Community tarp kitų publikuotų programėlių.
Iš čia:
- Galite pasirinkti iki penkių žymų programėlei kategorijuoti (pasirinkimai apima Apps, Dashboards ir daugiau per “Show more”)
- “Show chat history” žymimasis langelis valdo, ar kūrimo pokalbis bus matomas Community žiūrovams
- Pastaba patvirtina: “By publishing to Community, you agree to Figma’s Creator Agreement”
Paskelbus, figma.site URL atidaro programėlę atskirame naršyklės vaizde. Nėra Figma redaktoriaus rėmų, nėra vandens ženklo ir nėra matomo “built with Figma Make” ženklelio aplink programėlę. Ji įsikrauna ir veikia kaip tikra atskira internetinė programėlė, o ne įrėmintas prototipas.
Nemokamo plano publikavimas apima:
- Dalijamą figma.site subdomenio URL
- Atskiras programėlės vaizdas be matomo Figma prekės ženklo
- Galimybę rodyti programėlę Figma Community
Mokamo plano publikavimas prideda:
- Pasirinktinį domeną iš trečiosios šalies tiekėjo
- Daugiau AI kreditų papildomiems kūrimams ir iteracijoms
Figma Make kainos ir planai
Figma Make neparduodamas kaip atskiras produktas. Prieiga suteikiama kartu su Figma Full seat planais, o AI kreditai yra bendri visoms Figma AI funkcijoms, ne tik Make. Kūrimas Figma Make naudoja tą patį mėnesinį kreditų fondą kaip Figma Design AI įrankiai, vaizdų redagavimas ir bet kuris kitas AI veiksmas visoje platformoje.
Nemokamas Starter planas apima prieigą prie Figma Make, tačiau mėnesinis kreditų limitas yra toks mažas, kad vienas sudėtingas kūrimas sunaudos didelę jo dalį. Starter planas tinka įrankiui įvertinti ir atlikti pavienius testus, bet ne komandoms, kurios Make naudoja kaip įprastą kūrimo proceso dalį.
Mokami planai struktūruoti pagal seat tipus. Full seats Professional, Organization ir Enterprise lygmenyse kiekvienas apima gerokai daugiau AI kreditų per mėnesį, o kiekvienas lygis padidina mėnesinę kvotą. Jei jau naudojate mokamą Figma planą pirmiausia dėl Design prieigos, Make jau yra prieinamas be papildomo mokesčio jūsų esamame kreditų fonde.
Papildomų AI kreditų galima įsigyti kaip priedą visuose mokamuose planuose, ir tai verta apsvarstyti, jei jūsų komanda vykdo kelis Make kūrimus per savaitę kartu su įprastu Figma AI naudojimu.
Nėra atskiro nemokamo bandomojo laikotarpio, atskiro nuo Starter plano, ir Figma paskelbtose sąlygose nenurodoma pinigų grąžinimo garantija. Metinio plano atšaukimai negrąžina likusio laikotarpio pinigų. Professional plano atšaukimus galima atlikti per Admin Dashboard; Organization ir Enterprise planų atšaukimams reikia susisiekti su pardavimų komanda.
Praktiniam plano pasirinkimui: Starter planas tinka įvertinimui ir retkarčiais naudojimui. Professional Full seat yra minimalus realistiškas įėjimo taškas komandoms, kurios nori naudoti Make daugiau nei kartą ar du per mėnesį ir nesusidurti su kreditų limitais projekto viduryje.
Alternatyvos Figma Make
Tiesiausias Figma Make konkurentas šiuo metu yra Lovable. Kai Figma Make sukuria front-end programėlę Figma darbo aplinkoje, Lovable yra specialiai AI programėlių kūrimui skirtas įrankis, valdantis visą technologijų grandinę: front-end, back-end, duomenų bazę, autentifikaciją ir vieno paspaudimo diegimą, iš atskiros platformos su daugiau nei 8 milijonais praneštų naudotojų.
Tiems, kurie jau nėra mokamame Figma plane arba kuriems reikia su realia duomenų baze susieto produkcinio sprendimo, Lovable leidžia greičiau pasiekti diegiamą, su duomenimis sujungtą programėlę ir reikalauja mažiau konfigūracijos.
| Funkcija | Figma Make | Lovable |
|---|---|---|
| Naudojimo paprastumas | Užklausomis grįstas, nereikalauja jokio paruošimo | Užklausomis grįstas, nereikalauja jokio paruošimo |
| Geriausiai tinka | Dizaineriams ir komandoms, kurios jau turi mokamą Figma planą | Netekchniniams įkūrėjams, kuriantiems ir diegiantiems MVP |
| Užpakalinė sistema ir duomenys | Tik front-end; Supabase prieinama kaip integracija | Nuo pat pradžių įtrauktas Supabase užpakalinės sistemos palaikymas |
| Dizaino lankstumas | Vizualus redaktorius, redagavimas pokalbiu ir pilna prieiga prie šaltinio kodo | Redagavimas pokalbiu su kodo eksportu |
| Kainodaros modelis | Įtraukta į Figma Full seat; bendras AI kreditų fondas | Atskira prenumerata su savo kreditų sistema |
Galutinis verdiktas: ar Figma Make verta?
Visiems, kurie jau moka už Figma Full seat, atsakymas aiškus: taip, ir gerokai. Rezultato kokybė Figma Make iškelia aukščiau daugumos AI programėlių kūrimo įrankių, kurie rinkoje yra jau daug ilgiau.
Vienas užklausos tekstas sukūrė kelių ekranų, vaidmenimis paremtą turto valdymo platformą su Stripe mokėjimų modaliniu langu, tiesiogine analitikos suvestine, Kanban priežiūros lenta, dviejų panelių susirašinėjimo UI ir pilna administravimo konsolė su naudotojų valdymo lentele, REST API dokumentacija ir diegimo instrukcijomis. Visa tai per aštuonias minutes, su pilna prieiga prie šaltinio kodo nemokamame plane ir švaria, atskira publikuojama nuoroda. Nė vienas iš šių dalykų nėra įprastas beta produktui.
Komandoms, kurios šiuo metu nenaudoja Figma, skaičiavimas reikalauja sąžiningai įvertinti, ko iš tikrųjų reikia. Norint gauti reikšmingą prieigą prie Figma Make, reikia Full seat mokamame Figma plane, o tai yra platesnė platformos investicija, nei reikalauja bet kuris atskiras AI kūrimo įrankis. Jei pagrindinis tikslas yra išleisti veikiančią internetinę programėlę su tiesiogine duomenų baze ir tikrais naudotojais, Lovable leidžia pasiekti šį rezultatą su mažiau konfigūracijos ir nereikalaujant dizaino platformos prenumeratos.
Didžiausią naudą iš Figma Make šiuo metu gauna dizaineriai ir produktų komandos, norinčios sumažinti atotrūkį tarp statiško Figma prototipo ir testuojamo, kodu paremto interaktyvaus kūrinio, nekeičiant įrankių ir nelaukiant, kol tai padarys programuotojas. Būtent šiam naudojimo atvejui Figma Make yra geriausias pasirinkimas.
