
- Dizajnirajte i izradite prototip vizualno bez potrebe za kodiranjem.
- Suradnja u stvarnom vremenu za timove i dionike.
- Pretvorite ideje u interaktivne mockupove u nekoliko minuta.

- Free plan includes 30 credits per month
- Collaborate in real time with multiplayer editing and AI assistance
- Fully managed hosting, domains, SEO, and updates in one platform
Pokrenuo sam stvarne buildove na oba. Lovable je ukupni pobjednik za timove koji izrađuju web aplikacije. Figma Make je pravi izbor za dizajnere koji su već unutar Figma ekosustava i žele brže prijeći od koncepta do prototipa.
Najvažnija stvar koju treba razumjeti prije daljnjeg čitanja
Figma Make nije samostalan alat za izradu aplikacija. To je značajka unutar Figma, dostupna kroz istu navigacijsku traku kao Figma Design, FigJam i Slides. Da biste ga koristili, trebate Figma račun. Besplatni Starter plan daje ograničen pristup (150 AI kredita dnevno, 500 mjesečno). Sve iznad toga zahtijeva Professional seat po cijeni od $16/month po osobi ili više.
Brzi sažetak
Figma Make je AI sloj izgrađen na vrhu najpopularnije svjetske dizajnerske platforme, namijenjen tome da Figma dizajnere učini produktivnijima i da brže prelaze od koncepta do interaktivnog prototipa. Lovable je samostalni specijalist: opišite web aplikaciju, dobijte potpuno implementiran full-stack proizvod s aktivnom bazom podataka, autentifikacijom i obradom plaćanja. Postoji preklapanje, ali publike su različite, a pravi izbor ovisi o vašoj početnoj točki.
| Značajka | Figma Make | Lovable |
|---|---|---|
| Početna cijena | Uključeno u Figma Professional ($16/month po punoj licenci) | $25/month (neograničeni korisnici) |
| Besplatno probno razdoblje/plan | Da (150 AI kredita/dan, 500/mjesečno na Starteru) | Da (5 dnevnih kredita, ograničenje od 30/mjesečno) |
| Korišteni AI modeli | Zadani, Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro (moguće odabrati) | Mješavina OpenAI, Google Gemini, Anthropic |
| Samostalan alat | Ne (živi unutar Figma; potreban je Figma račun) | Da (bez prethodne platforme) |
| Builder bez koda | Djelomično (najprije prompt; također ima inline vizualno uređivanje i pristup kodu) | Da (nije potrebno tehničko znanje) |
| Unaprijed izrađeni predlošci | Biblioteka Figma Community (opsežna za dizajnere) | Da (projekti zajednice + Business+ dizajnerski predlošci) |
| Izvoz prilagođenog koda | Da (GitHub integracija; Preuzimanje; uređivač koda unutar Make) | Da (GitHub sinkronizacija, potpuno vlasništvo nad kodom) |
| Podrška za web aplikacije | Da (React + Tailwind; full-stack sa Supabase) | Da (React/TypeScript/Tailwind) |
| Integracija API-ja | GitHub, Supabase, Google Analytics, Umetanje prilagođenog koda | 80+ provjerenih integracija; nativni Supabase i Stripe |
| Obrada plaćanja | Nema nativne integracije plaćanja | Da (nativni Stripe: naplata, pretplate, webhooks) |
| Mogućnosti implementacije | poddomena figma.site; prilagođena domena u postavkama | lovable.app, prilagođene domene, GitHub sinkronizacija |
| Suradnja u stvarnom vremenu | Da (Figma multiplayer kroz sve proizvode) | Da (neograničeni suradnici, multiplayer radni prostori) |
| Kontrola verzija | Automatsko verzioniranje (Verzija 1, 2, 3…); povratak unatrag u chatu | Ugrađeni povratak unatrag + GitHub sinkronizacija |
| Vlasništvo nad kodom | Da (GitHub integracija; Preuzimanje kao ZIP) | Da (puno vlasništvo, GitHub sinkronizacija) |
1. Usporedba cijena i planova
Lovableova tarifa za neograničen tim nadmašuje Figma Makeov model po sjedištu za svaki tim koji već ne plaća Figma
| Značajka | Figma Make | Lovable |
|---|---|---|
| Besplatni plan | Starter: 150 AI kredita/dan, 500/mjesec (ograničeno; nema neograničenog generiranja) | Besplatno: 5 dnevnih kredita, ograničenje od 30/mjesec |
| Početni plan | Professional: $16/puna licenca/mjesec (+ 3,000 AI kredita/mjesec) | Pro: $25/mjesec (neograničen broj korisnika) |
| Srednji plan | Organization: $55/puna licenca/mjesec (+ 3,500 AI kredita/mjesec) | Business: $50/mjesec (neograničen broj korisnika) |
| Vrste timskih licenci | Puna licenca ($16), Dev licenca ($12), Collab licenca ($3) na Professionalu | Jedan plan pokriva sve korisnike |
| Enterprise | $90/puna licenca/mjesec (+ 4,250 AI kredita/mjesec) | Prilagođeno |
| Godišnji popust | Da (naplaćuje se godišnje za Organization i Enterprise) | Da |
Figma Make
Cijena Figma Makea ne može se odvojiti od cijene Figme; riječ je o istoj pretplati. Evo što to znači u praksi:
Trošak u potpunosti ovisi o tome odakle vaš tim kreće:
Već koristite Figma? Make ne košta ništa dodatno. AI krediti (3,000/mjesec na Professionalu, 3,500 na Organizationu) dijele se među Figma AI značajkama, ali pune licence su već plaćene.
Ne koristite Figma? Kupujete vodeću svjetsku platformu za dizajn kako biste pristupili jednoj značajci. Jedna puna licenca na Professionalu iznosi $16/mjesec, ili $80/mjesec za pet osoba. To uključuje Figma Design, FigJam, Slides, Buzz, Sites, Draw i Make: kompletan alat za dizajn koji većini korisnika alata za izradu aplikacija nije potreban.
Sustav kredita vrijedi razumjeti prije nego što se obvežete:
- Starter (besplatno): 150 AI kredita dnevno, 500 mjesečno. Dovoljno za procjenu; nedovoljno za trajno izradu.
- Krediti se dijele: među svim Figma AI značajkama, ne samo Makeom. Uređivanje slika, alati Design AI i Make svi crpe iz istog fonda.
- Upozorenja usred sesije: Obavijest “Provjerite stanje svojih AI kredita” može se pojaviti ako ste aktivno gradili; planirajte u skladu s tim.
Vrste licenci su važne. Figma Make zahtijeva punu licencu. Dev licence ($12/mjesec) i Collab licence ($3/mjesec) ne uključuju puni pristup Makeu. Ako samo nekim članovima tima treba graditi s Makeom, možete miješati vrste licenci, ali svaka osoba koja stvara s Makeom treba punu licencu od $16/mjesec ili više.Lovable
Lovableov model je strukturno jednostavniji od bilo kojeg sustava s naplatom po korisniku: jedna pretplata, neograničen broj korisnika, jedna cijena.
- Besplatno ($0): 5 dnevnih kredita, ograničenje od 30 mjesečno. Dovoljno za istraživanje sučelja i testiranje jedne verzije; nije dovoljno za održiv razvoj u produkciji.
- Pro ($25/month): Neograničen broj korisnika na jednoj pretplati. Uključuje prijenos kredita u sljedeći obračunski ciklus, prilagođene domene, uklanjanje oznake iz objavljenih aplikacija, dopune kredita na zahtjev i višekorisničke radne prostore (Lovable 2.0). Studenti s valjanom akademskom e-poštom dobivaju do 50% popusta.
- Business ($50/month): Sve u Pro plus SSO (za timove koji koriste Google Workspace, Okta ili slične davatelje identiteta), kontrole pristupa temeljene na ulogama, nadzornu ploču sigurnosnog centra i prioritetnu podršku. I dalje pokriva neograničen broj korisnika.
- Enterprise: Prilagođeno cjenovno određivanje za namjensku podršku, naprednu dokumentaciju o usklađenosti, prilagođenu infrastrukturu i SLA jamstva.
Nema naplate po korisniku, nema razlike između graditelja i promatrača, i nema kreditnog fonda koji se neravnomjerno dijeli kako vaš tim raste. Osnivački tim od dvije osobe i organizacija proizvoda od četrdeset osoba plaćaju istih $25/month na Pro.
Kad se netko novi pridruži i treba pristup, pridruži se radnom prostoru bez kupnje novog mjesta, bez odobrenja administratora naplate i bez broja zaposlenih koji treba pratiti.
Godišnja naplata primjenjuje popust na plaćene planove. Krediti na zahtjev mogu se kupiti usred ciklusa ako tim potroši mjesečnu alokaciju prije sljedećeg resetiranja.
Sažetak pobjednika: Iskren odgovor ovisi o kontekstu. Za dizajnera koji već koristi Figma Professional, Figma Make je praktički besplatan: dodajte ga postojećem radnom toku uz nulti dodatni trošak. Za tim koji nije na Figma, odabir Makea znači plaćanje najmanje $16/seat/month, što raste na $80/month za tim od 5 ljudi, nasuprot Lovableovu fiksnom $25/month. Za svaki tim od šest ili više ljudi koji već nisu Figma pretplatnici, Lovable je znatno jeftiniji i ne nosi opterećenje dizajnerske platforme.
2. Mogućnosti AI &Usporedba značajki
Odabir modela, ugradnja u ekosustav i samoispravljajući kod Figma Makea izdvajaju ga u ovoj kategoriji
| Značajka | Figma Make | Lovable |
|---|---|---|
| Korišteni AI model(i) | Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro ili Zadano (odabir po promptu) | Mješavina OpenAI, Google Gemini, Anthropic |
| Odabir modela | Da (odaberite model prije svakog prompta) | Ne (jedan model, nije korisnički odabirljiv) |
| Obrada prirodnog jezika | Izvrsno (prijateljski prema developerima i dizajnerima; objašnjava obrazloženje prije generiranja) | Snažno (jednostavan engleski kroz cijelo vrijeme; nije potrebno tehničko znanje) |
| Kvaliteta generiranja koda | Izvrsno (Radix UI, MUI, Recharts, Tailwind CSS v4, Lucide ikone; profesionalni stack) | Izvrsno (React/TypeScript/Tailwind; spremno za produkciju) |
| Transparentnost prije izrade | Da (AI objašnjava svoj plan, odabire stacka i odluke o komponentama u stvarnom vremenu) | Da (strukturirani plan izrade prije generiranja; označava nedostajuće ovisnosti) |
| Samoispravljajući kod | Da (otkriva upozorenja; nudi “Ispravi za mene”; dijagnosticira osnovni uzrok) | Da (jednim klikom “Pokušaj popraviti” za pogreške) |
| Ugradnja u Figma ekosustav | Da (zalijepite Make vezu u Figma Design, FigJam ili Slides; živi prototip reproducira se na platnu) | Ne (samostalni alat) |
| Klikni i uređuj | Da (kliknite element; pojavljuje se alatna traka za oblikovanje; upit se ograničava na odabrani element) | Da (Vizualne izmjene; kliknite bilo koji element za prilagodbu) |
| Integracija dizajnerskog sustava | Da (pristup Figma biblioteci komponenti; ugradnja u postojeće tijekove rada dizajnerskog sustava) | Ne (neovisno o dizajnerskim datotekama) |
| Integracija backenda | Supabase (autentifikacija, baza podataka, pohrana putem upita) | Supabase (izvorna, duboka integracija) |
| Transparentnost konteksta | Da (AI navodi Recharts, izbore Tailwind v4; bilježi nedostajuće pakete; vidljivo zaključivanje) | Da (plan izrade vraća se prije generiranja) |
| Pristup uređivaču koda | Da (potpuni uređivač u stilu VS Codea unutar Make; stablo datoteka; package.json se može uređivati) | Da (Dev Mode, uređivač u pregledniku) |
| Metapodaci sesije | Da (vidljivo “Radilo se s 8 datoteka”; statistika upotrebe: krediti, naredbe, vrijeme) | Nije izloženo u istoj razini detalja |
Figma Make
Najistaknutija AI značajka Figma Makea je ona koju nijedna druga platforma u ovoj seriji ne nudi: birate model prije svakog upita.
Odabirnik se pojavljuje na dnu ploče za chat. Četiri opcije:
- Default: Figmaina preporučena ravnoteža brzine i mogućnosti
- Claude Sonnet 4.6: Opisan kao “Uravnotežen i učinkovit”, poznat svima koji rade s Anthropic modelima
- Gemini 3 Flash: “Brz i iterativan”: idealan za brze vizualne promjene kada želite brzu povratnu informaciju
- Gemini 3.1 Pro: “Dubok i kreativan”: za složene rasporede i nijansirano generiranje

Transparentnost prije generiranja. Kad sam poslao upit za nadzornu ploču analitike NexaHost, Figma Make objasnio je svoj pristup prije nego što je napisao jednu liniju koda.
Samoiscjeljujući kod. Kada je izlaz sadržavao više od deset upozorenja, sustav je ponudio “Popravi za mene.” AI je dijagnosticirao problem: duple ključeve u podacima grafikona koji su uzrokovali sukobe ključeva i probleme s animacijom. Dodijelio je jedinstvene identifikatore svakoj podatkovnoj točki i onemogućio sukobljene animacije grafikona. Popravak je bio kirurški precizan i točan.

Ugradnja u Figma ekosustav. Kopirajte Figma Make poveznicu, zalijepite je u bilo koju Figma Design datoteku, FigJam ploču ili Slides prezentaciju, i živi interaktivni prototip reproducira se izravno na tom platnu.

Kvaliteta komponenti. NexaHost nadzorna ploča koristila je: @mui/material, @radix-ui components, lucide-react za ikone, @emotion za stiliziranje, i recharts za vizualizaciju podataka. To je ono što bi koristio senior frontend inženjer, a ne pojednostavljena podloga.
Lovable
AI tvrtke Lovable specijalizira se za jednu stvar i to radi u potpunosti: generiranje i implementaciju full-stack web aplikacija iz upita na običnom engleskom jeziku bez ikakvih preduvjeta.
Full-stack iz jednog upita. U izradi InvoiceProa, jedan je upit proizveo sve navedeno u nastavku, izgrađeno, povezano i uživo za manje od 10 minuta:
- Supabase baza podataka s tri povezane tablice (clients, invoices, time_entries) i ispravnim odnosima stranih ključeva
- Autentifikacija koja obuhvaća email/password i Google OAuth
- Stripe integracija s tri cjenovna razreda, poveznicama za naplatu i obradom webhookova
- Portal za klijente s ispravnim ograničavanjem podataka po korisniku
- Implementirani URL na lovable.app

Nema modela za odabir. Nema odluke o frameworku. Nema upozorenja za pregled.
Planiranje prije izrade. Prije pisanja koda, Lovable vraća strukturirani plan koji navodi svaku značajku, tehničke izbore i nedostajuće ovisnosti (kao što je zahtjev za povezivanje sa Supabaseom). To daje trenutak za pregled prije nego što AI posveti arhitekturi, slično transparentnom koraku zaključivanja u Figma Makeu, ali primijenjeno na cijeli stack.

80+ izvornih integracija. Stripe, Supabase, OpenAI, Resend, PostHog, Cloudinary, Twilio i još mnogo toga povezuju se putem bočne trake Connectors bez lijepljenja API ključeva i bez pisanja boilerplate koda. Figma Makeov popis izvornih integracija pokriva GitHub, Supabase i Google Analytics: tri integracije naspram osamdeset i više.Mogućnosti Lovable 2.0:
- Način rada za razvoj: uređivač koda u pregledniku u stilu VS Codea, izravno uređivanje komponenti
- Vizualne izmjene: Kliknite bilo koji element za prilagodbu teksta, boje, paddinga ili razmaka na razini CSS-a
- Teme: Globalni panel dizajnerskih tokena (boja, font, zaobljenost rubova) koji primjenjuje promjene na cijelom web-mjestu iz jedne postavke
- Radni prostori za više korisnika: Više članova tima može raditi istovremeno
- AI konektori: Unaprijed definirani putovi do AI servisa, vektorskih baza podataka i API-ja za tijekove rada
Sažetak pobjednika: Figma Make pobjeđuje u AI mogućnostima za dizajnere i razvojne timove koji žele kontrolu na razini modela. Mogućnost odabira Claude Sonnet 4.6, Gemini Flash ili Gemini Pro za svaki upit (i prelaska na snažnije modele kada iteracija ne bude dovoljna) prava je mogućnost koju nijedna druga platforma u ovoj usporednoj seriji ne nudi.
3. Brzina generiranja aplikacija & Usporedba kvalitete
Figma Make je brži za frontende; Lovable isporučuje potpuniji proizvod
| Značajka | Figma Make | Lovable |
|---|---|---|
| Vrijeme do prvog rezultata | Ispod 2 minute (složena višestranična nadzorna ploča) | Ispod 10 minuta (potpuna implementirana full-stack aplikacija) |
| Što je izgrađeno | Frontend nadzorna ploča sa simuliranim podacima; bez backenda u osnovnoj verziji | Full-stack aplikacija (autentifikacija, shema baze podataka, Stripe plaćanja, klijentski portal) |
| Kvaliteta vizualnog dizajna | Iznimna (profesionalni skup komponenti; kontekstualno realistični podaci) | Visoka (dotjeran UI SaaS razine) |
| Struktura koda | Radix UI, MUI, Recharts, Tailwind v4; pravilna podjela komponenti | React/TypeScript/Tailwind; tipizirane komponente; strukturirane mape |
| Realističnost podataka | AI-generirani realistični sadržaj feeda aktivnosti | Standardni obrasci placeholdera, točna struktura |
| Potpunost backenda | Nije prisutan u osnovnoj verziji (Supabase dodan zasebno) | Potpun od prve verzije (autentifikacija, DB, Stripe povezani) |
| Stanje upozorenja u kodu | Upozorenja mogu ostati nakon generiranja; često su potrebni ručni popravci | Uglavnom čist izlaz; dostupni popravci jednim klikom |
| Spremnost za produkciju | Srednja (odličan frontend, potrebno postavljanje backenda) | Srednje–visoka (implementirani full-stack, preporuča se pregled RLS-a) |
Figma Make: NexaHost SaaS nadzorna ploča za analitiku
Poslao sam jedan upit: potpunu SaaS nadzornu ploču za analitiku za fiktivnu hosting tvrtku pod nazivom NexaHost s tamnom bočnom trakom, KPI karticama, grafikonima prometa i feedom nedavnih aktivnosti.Brzina: Potpuno prikazano i interaktivno za manje od 2 minute od pritiska na gumb za slanje. To uključuje AI-jevu fazu zaključivanja, potpuno generiranje koda i renderiranje platna. S obzirom na složenost izlaza, to je najbrže vrijeme generiranja u ovoj usporednoj seriji.

Kvaliteta: Što je nadzorna ploča sadržavala:
- Tamnu bočnu traku s markom NexaHost, podnaslovom “Analitička nadzorna ploča” i pet navigacijskih poveznica (Pregled, Poslužitelji, Promet, Naplata, Postavke), pri čemu je Pregled odmah istaknut plavom bojom
- Gornju traku s funkcionalnim poljem za pretraživanje i korisničkim profilom “Sarah Chen / Administrator” s ikonom zvona za obavijesti i avatarom
- Četiri KPI kartice: Raspoloživost (99.98%), Aktivni poslužitelji (47), Mjesečna propusnost (2.4 TB), Otvoreni zahtjevi (8), svaka s pokazateljem trenda u odnosu na prošli mjesec
- Grafikon Trendovi prometa u 30 dana prikazan kao funkcionalna Recharts vizualizacija područja sa stvarnim datumskim oznakama od May 11 do June 5, oznakama na y-osi u intervalima od 20k i podacima u rasponu propusnosti od 40k-80k
- Stupčasti grafikon MRR prema planu i vizualizaciju distribucije statusa poslužitelja
- Sažetak nedavne aktivnosti s kontekstualno realističnim hosting događajima: uspješno postavljanje poslužitelja za web-prod-03, upozorenje o visokom CPU-u na 87% na db-master-01, upozorenje o isteku SSL certifikata za api.nexahost.com, obavijest o primljenoj uplati i zakazani prozor održavanja, sve prikladno domeni, ništa generičko

Detalj feeda aktivnosti vrijedi nakratko razmotriti. Figma Make nije samo popunio zamjenski tekst. Shvatio je da je kontekst bio hosting nadzorna ploča i generirao realistične operativne događaje koje bi tim za hosting operacije zapravo vidio.
Ova kontekstualna inteligencija u generiranju sadržaja doista je impresivna i postavlja mjerilo za to kako bi AI-generirani probni podaci trebali izgledati.
Problem s upozorenjima. Nakon generiranja pojavilo se više od deset upozorenja. “Fix for me” smanjio je broj na tri, zatim su naknadne izmjene podigle broj natrag na devet, a zatim ponovno iznad deset. Nadzorna ploča nastavila se ispravno prikazivati i funkcionirati cijelo vrijeme. Ali za timove koji planirajuLovable: Izrada InvoiceProa
Poslao sam jedan prompt za aplikaciju za korisnički portal i fakturiranje koja pokriva višekorisničke nadzorne ploče, praćenje vremena, fakturiranje s PDF izlazom, Stripe plaćanja i korisnički portal pokretan Supabaseom.
Brzina: Lovable je vratio plan izrade prije nego što je napisao bilo kakav kod, označio je zahtjev za Supabase vezom i započeo nakon povezivanja. Ključne prekretnice:
- 4. minuta: Početna stranica uživo s hero tekstom i šest kartica značajki
- Odjeljak s cijenama: Starter ($9/month), Professional ($29/month, “Najpopularniji”), Enterprise ($79/month)
- Unutar 10 minuta: Implementirano na lovable.app sa Supabase autentifikacijom, tablicama baze podataka i Stripe naplatom u potpunosti povezano

Kvaliteta: Što je InvoicePro sadržavao:
- Supabase baza podataka s tri povezane tablice (clients, invoices, time_entries), s ispravnim odnosima stranih ključeva, bez ručno pisanog SQL-a
- Autentifikacija: email/password i Google OAuth, konfigurirano i povezano
- Stripe integracija: tri cjenovna sloja, veze za naplatu, usmjeravanje billing portala, sinkronizacija pretplata, obrada webhookova za događaje plaćanja
- Portal za klijente s ispravnim ograničenjem podataka po korisniku
- Čist React/TypeScript/Tailwind s tipiziranim nizovima podataka, datotekama komponenti s nazivima i logičnom strukturom mapa
- Uživo implementirano na dijeljivom URL-u unutar 10-minutnog vremenskog okvira

Kada je nedostajuća Supabase varijabla okruženja uzrokovala prazan pregled, pojavilo se opis pogreške u običnom tekstu s gumbom “Pokušaj popraviti”. Jedan klik riješio je problem.

Sažetak pobjednika:
Brzina: Figma Make pobjeđuje: ispod 2 minute naspram Lovableovih 10. Za timove kojima je potrebna brza iteracija frontend dizajna, taj je jaz stvaran.
Kvaliteta izlaza: Figma Makeov NexaHost nadzorna ploča vizualno je najimpresivniji frontend u ovoj seriji usporedbi. Kontekstualno prikladan feed aktivnosti, profesionalni skup komponenti i funkcionalna implementacija grafikona predstavljaju izniman AI-generiran frontend rad.
Sveobuhvatnost: Lovable pobjeđuje. InvoicePro je bio potpuno implementiran proizvod s autentifikacijom, stvarnom bazom podataka i obradom plaćanja. NexaHost je bio zapanjujući frontend koji je zahtijevao dodatno Supabase postavljanje kako bi postao prava aplikacija. Za čitatelja koji danas treba radni proizvod, Lovableov potpuno povezan 10-minutni izlaz vrjedniji je od 2-minute lijepog prototipa.
4. Usporedba jednostavnosti korištenja: Koja je platforma lakša za korištenje?
Lovable ne zahtijeva prethodnu platformu ni dizajnersko iskustvo; Figma Make nagrađuje prethodno iskustvo s Figmom
| Značajka | Figma Make | Lovable |
|---|---|---|
| Postavljanje računa | Postojeći Figma račun prenosi se (najbrže); novim korisnicima najprije treba Figma račun | Jednostavno (e-pošta ili prijava putem društvenih mreža; kratki upitnik za uvođenje) |
| Potreban prethodni alat | Da (Figma račun; poznavanje Figma sučelja znatno pomaže) | Ne (samostalan; bez preduvjeta) |
| Navigacija nadzorne ploče | Jednostavno za postojeće Figma korisnike; Srednje za nove korisnike koji najprije moraju učiti Figma sučelje | Jednostavno (najprije upit; prikazi projekata i Nedavno u bočnoj traci) |
| Stvaranje prve aplikacije | Vrlo brzo ako poznajete Figma; dodaje Figma trošak uvođenja ako ne poznajete | Jednostavno (prihvaća se potpuni upit; vođeno povezivanje sa Supabase za pozadinu) |
| Potrebno oblikovanje upita | Nisko (jednostavan engleski radi; tehničko oblikovanje je opcionalno, ali poboljšava rezultate) | Nisko (jednostavan engleski radi kroz cijelo) |
| Prilagodba: putem chata | Da (opišite promjene u polju za poruku) | Da (potpuno opremljeno uređivanje na temelju upita) |
| Prilagodba: vizualno inline | Da (Point and Edit: kliknite element; alatna traka za oblikovanje pojavljuje se iznad elementa) | Da (Visual Edits: kliknite element za prilagodbu u pregledu) |
| Prilagodba: na razini koda | Da (potpuni uređivač koda s prikazom stabla datoteka; package.json se može uređivati; konfigurirajte privatne npm pakete) | Da (Dev Mode; uređivač u pregledniku u stilu VS Code) |
| Izvoz/implementacija | Jednostavno (objavite na figma.site; GitHub u postavkama; preuzmite kao ZIP) | Jednostavno (jedan klik na lovable.app ili sinkronizacija s GitHubom) |
| Krivulja učenja | Niska za Figma korisnike; Srednja za nove korisnike koji moraju učiti Figma zajedno s Make | Niska |
Registracija i kreiranje računa
Figma Makeovo uvođenje ima dva vrlo različita iskustva ovisno o tome odakle krećete:
- Postojeći Figma korisnici: Dođite na figma.com, upišite upit prije stvaranja računa, prijavite se putem Googlea ili e-pošte i unutar nekoliko sekundi ste u Makeu. Upit se automatski prenosi.

- Novi Figma korisnici: Prvo nailaze na potpunu dizajnersku platformu s više proizvoda (Design, FigJam, Slides, Buzz, Sites, Draw, Make). Snalaženje do Makea i razumijevanje čemu služi u odnosu na druge alate dodaje stvarno vrijeme za orijentaciju.
Lovableov proces registracije prolazi kroz kratak upitnik o ulozi. Nadzorna ploča učitava se odmah, bez potrebe da prvo upoznate neku drugu platformu.
Registracija uključuje GitHub kao opciju autentifikacije uz Google i Apple. Lovable također pamti vašu posljednje korištenu metodu, što je mala, ali pažljiva gesta za korisnike koji se vraćaju.

Korisničko sučelje i nadzorna ploča
Figma Makeov radni prostor dijeli se na dvije glavne zone. Lijevi panel upravlja razgovorom: promptovi na dnu, AI odgovori i razmišljanje iznad, povijest verzija kao pomične kartice s oznakama. Desna zona je živo platno na kojem se prikazuje izlaz.
Alatna traka platna nudi tri prikaza koja vrijedi razumjeti:
- Način pregleda (ikona oka): Živi interaktivni prototip
- Kodni način (ikona kutne zagrade): Potpuni preglednik datoteka lijevo, uređivač koda desno
- Kombinirani raspored: Oboje odjednom

Prebacivanje između njih je trenutačno i ne prekida generiranje. U prikazu koda vidljiva je potpuna struktura projekta: App.tsx, sve datoteke komponenti, package.json i konfiguracijske datoteke, a svaka je datoteka izravno uređiva.
Na dnu chat panela: gumb za dodavanje novih promptova, padajući izbornik za odabir modela, ikona iskre za postavke AI-ja i prekidač načina Build/Default. Upravo se tu donosi većina odluka o vašem tijeku rada.
Lovableov nadzorna ploča otvara se s toplim plavo-ružičastim gradijentom i personaliziranim pozdravom. Okvir za prompt glasi “Zamolite Lovable da izgradi web aplikaciju koja…” uz prekidač načina Build i banner Connectors.

Lijeva bočna traka prikazuje Home, Search, Resources i Connectors, nakon čega slijede prikazi projekta i odjeljak Recents. Za netehničkog korisnika, ova je nadzorna ploča odmah razumljivija.
Sustav Point and Edit
Figma Makeov Point and Edit uređivanje izravno u retku njegova je najjača značajka upotrebljivosti. Nakon što se nadzorna ploča NexaHosta prikazala, kliknuo sam na naslov “30-Day Traffic Trends”. Dvije su se stvari dogodile istodobno:
- h3 identifikator oznake pojavio se u unosu chata, ograničavajući moj sljedeći prompt na baš taj element
- Bogata alatna traka za oblikovanje pojavila se izravno iznad elementa na platnu: vrsta fonta, veličina, podebljano, kurziv, poravnanje i druge kontrole

Mogao sam promjenu opisati običnim hrvatskim u chatu ili izravno manipulirati elementom kroz alatnu traku bez ikakvog pisanja prompta. Ovaj hibridni pristup praktičniji je od alata koji svaku promjenu usmjeravaju kroz AI, posebno za male ispravke: popravljanje tipfelera ili promjena cijene ne zahtijeva čekanje da AI protumači prompt.
Tutorski sloj prve generacije vodi kroz Point and Edit u četiri koraka, pojavljujući se točno u pravom trenutku: nakon što je vaš prvi izlaz prikazan, kada vam informacija zaista treba.Lovableove Visual Edits rade slično: kliknite bilo koji element u pregledu kako biste prilagodili tekst, boju, unutarnji razmak ili razmak, ali bez istodobne alatne trake za oblikovanje.

Promjene u Lovableovu vizualnom uređivaču prolaze kroz izravno uređivanje CSS-a, dok alatna traka Figma Makea dodaje opciju za trenutačno oblikovanje bez ikakvog unosa teksta.
Ukupna procjena jednostavnosti korištenja
Iskrena podjela:
- Već ste na Figma? Make je lakši put. Nema troška prelaska, nema nove nadzorne ploče, izlaz se pojavljuje u Recentsu uz dizajnerske datoteke, a Figma’s multiplayer automatski se proširuje na Make projekte.
- Niste na Figma? Lovable je lakši. Nema odluka o vrsti korisničkog mjesta, nema praćenja stanja kredita, nema dodatnog opterećenja pri uvođenju platforme. Samo opišite aplikaciju i ona se postavlja.
Sažetak pobjednika: Lovable pobjeđuje u jednostavnosti korištenja za timove bez postojećeg Figma workflowa. Za timove koji su izvorno na Figmai, jednadžba jednostavnosti se preokreće: Make je dostupan unutar okruženja koje već poznaju, a Lovable bi predstavljao dodatnu platformu koju treba uvesti. Odlučujuća varijabla je gdje vaš tim danas radi.
5. Usporedba privatnosti i sigurnosti: Koja je platforma sigurnija?
Figma ima najopsežniji portfelj usklađenosti u ovoj seriji usporedbi; ali postoji kritičan rizik za privatnost pri objavljivanju
| Značajka | Figma Make | Lovable |
|---|---|---|
| SOC 2 Type II | Da (godišnje pregledavaju neovisni revizori) | Da (Tip 1 i Tip 2) |
| ISO 27001 | Da (certificirano prema ISO/IEC 27001:2022) | Da (ISO 27001:2022) |
| ISO 27017 | Da (kontrole sigurnosti u oblaku) | Nije potvrđeno |
| ISO 27018 | Da (zaštita privatnosti u oblaku) | Nije potvrđeno |
| ISO 27701 | Da (upravljanje informacijama o privatnosti) | Nije potvrđeno |
| FedRAMP Moderate | Da (usklađenost u oblaku razine američke vlade) | Nije potvrđeno |
| GDPR | Da (Kodeks ponašanja EU Cloud; DPA dostupna) | Da (puna usklađenost s GDPR-om) |
| CCPA | Da | Nije potvrđeno |
| TISAX | Da (sigurnost europske automobilske industrije) | Nije potvrđeno |
| C5 | Da (njemački standard za oblak uz potporu vlade) | Nije potvrđeno |
| Način rada za privatnost | Da (planovi Teams i Organization; SSO dostupan) | Nije javno dokumentirano |
| Vlasništvo nad kodom | Da (GitHub; preuzimanje kao ZIP) | Da (sinkronizacija s GitHubom) |
| Rizik objavljivanja u zajednici | Da (povijest chata izložena je prema zadanim postavkama ako se ne odznači “Show chat history”) | Nema značajke objavljivanja u zajednici |
Figma Make
Portfelj usklađenosti Figmae najopsežniji je od bilo koje platforme u ovoj seriji usporedbi:
- SOC 2 Tip II: Godišnja neovisna revizija koja potvrđuje kontinuiranu učinkovitost sigurnosnih kontrola
- SOC 3: Javno dostupan izvještaj o nalazima SOC 2
- ISO 27001:2022: Međunarodni standard za upravljanje informacijskom sigurnošću
- ISO 27017: Sigurnosne kontrole specifične za oblak
- ISO 27018: Zaštita osobno identificirajućih informacija u oblaku
- ISO 27701: Certifikacija sustava upravljanja informacijama o privatnosti
- FedRAMP Moderate: Usklađenost oblaka na razini američke vlade, razina certifikacije potrebna za usvajanje od strane saveznih agencija
- GDPR: Usklađenost s EU Kodeksom ponašanja za oblak; Dostupan je Dodatak o obradi podataka
- CCPA: Usklađenost sa Zakonom o privatnosti potrošača Kalifornije
- TISAX: Europski standard informacijske sigurnosti za automobilsku industriju
- C5: Certifikacija njemačkog Saveznog ureda za informacijsku sigurnost za regulirane kupce i kupce iz javnog sektora
Za timove u poduzećima u reguliranim industrijama (financijske usluge, zdravstvo, vlada, automobilska industrija), ova širina certifikacija znači da je Figma odradila posao usklađenosti. Trust Center na compliance.figma.com javno dokumentira sve certifikate.
Jedan kritični rizik za privatnost koji svaki čitatelj mora znati prije objavljivanja. Ploča za objavu Figma Make uključuje potvrdni okvir “Show chat history” koji je zadano označen. Ako objavite na Figma Communityju bez da ga poništite, svatko tko pregledava vaš Community unos može vidjeti vaš cijeli razgovor s promptom: svaku iteraciju, svaki odbijeni smjer, svaki detalj koji ste naveli.

Za osobne projekte učenja, ovo je bezazleno. Za klijentski rad, vlasničke specifikacije proizvoda ili bilo kakvu komercijalno osjetljivu izradu, ovo je značajan rizik izlaganja podataka. Na to se u tijeku objavljivanja ne upozorava istaknuto i lako ga je propustiti.
Lovable
Lovable ima tri neovisno revidirane certifikacije. Svaku vrijedi razumjeti u praktičnim terminima:
- SOC 2 Tip 1 i Tip 2: Tip 1 potvrđuje da su sigurnosne kontrole pravilno osmišljene. Tip 2 potvrđuje da su te kontrole učinkovito funkcionirale tijekom produljenog revizijskog razdoblja. Posjedovanje oba znači da je procjena obuhvatila stvarne operativne performanse, a ne samo namjeru dizajna.
- ISO 27001:2022: Međunarodna norma za sustave upravljanja informacijskom sigurnošću, koja pokriva cloud okruženja i odnose s dobavljačima. Izdanje iz 2022. odražava ažurirane zahtjeve posebno vezane uz cloud usluge.
- Potpuna usklađenost s GDPR-om: Potvrđeno kao zadana postavka platforme, neovisno o konfiguraciji implementacije. Timovi sa sjedištem u EU pokriveni su bez potrebe za evaluacijom self-hostinga.
Vlasništvo nad kodom je eksplicitno kroz cijelo vrijeme: GitHub sinkronizacija omogućuje čist izlazak u bilo kojem trenutku bez izdvajanja iz vlasničkog formata.
Sažetak pobjednika: Figma ima opsežniju dokumentaciju o usklađenosti: ISO 27017, ISO 27018, ISO 27701, FedRAMP Moderate, CCPA, TISAX i C5 nadilaze ono što Lovable javno potvrđuje. Za nabavu u reguliranim industrijama na razini poduzeća, Figma’s Trust Center je jači resurs. Kompromis: rizik privatnosti pri objavljivanju u zajednici (povijest chata izložena prema zadanim postavkama) stvarna je operativna briga koje Lovable nema. Provjerite da je postavka “Prikaži povijest chata” isključena prije objavljivanja bilo kojeg neosobnog Figma Make projekta.
6. Usporedba platformskih integracija i opcija implementacije
Lovableovih 80+ integracija, uključujući izvorni Stripe, uvjerljivo pobjeđuju; Figma Make nema obradu plaćanja
| Značajka | Figma Make | Lovable |
|---|---|---|
| Izvorni hosting | Da (figma.site; prilagođena domena u postavkama) | Da (lovable.app) |
| Podrška za prilagođenu domenu | Da (putem postavki Domains) | Da (Pro plan i više) |
| GitHub integracija | Da (poveži repozitorij; pošalji generirani kod) | Da (potpuna sinkronizacija, upravljanje granama) |
| Vercel/Netlify integracija | Ne (prvo pošalji na GitHub, zatim se poveži zasebno) | Da (putem GitHub sinkronizacije) |
| Opcije baze podataka | Supabase (putem upita za integraciju; zahtijeva postavljanje kao drugi korak) | Supabase (izvorno, duboko, automatski od prve izrade) |
| Obrada plaćanja | Nema izvorne integracije plaćanja | Da (izvorni Stripe: naplata, pretplate, webhookovi, portal za naplatu) |
| Autentifikacija | Supabase Auth (e-pošta/lozinka, magic linkovi, Google, GitHub putem Supabase integracije) | Supabase Auth, Google OAuth (od prve izrade) |
| Analitika | Google Analytics (polje G-XXXXXXXX u postavkama; nije potreban dodatak) | PostHog, Mixpanel, Google Analytics (u katalogu od 80+) |
| Umetanje prilagođenog koda | Da (početak/kraj <head> i <body>; prihvaća se bilo koja script oznaka) | Ne kao izravno polje postavki |
| Integracije AI/API-ja | Prilagodljive su prilagođene API krajnje točke; privatni npm paketi putem dijaloga “Configure your code” | 80+ provjerenih integracija; panel AI Connectors |
| Objavljivanje u zajednici | Da (Figma Community; prototip je otkriven; povijest chata je izložena prema zadanim postavkama) | Nema značajke objavljivanja u zajednici |
| Ugradnja u dizajnerske datoteke | Da (zalijepite Make poveznicu u bilo koje Figma platno; živi prototip se reproducira ugrađeno) | Ne |
| SEO meta opis | Automatski generirano pomoću AI-ja na temelju izlaznog sadržaja | Nije automatski generirano |
| Razvojna konzola | Da (JavaScript konzola u canvasu; nije potreban zaseban prozor DevTools) | Nije ugrađeno |
Figma Make
Strategija integracije Figma Makea minimalna je po dizajnu. Tri primarne veze, plus zaobilazna rješenja:
Supabase. Dodavanje stvarnog backenda drugi je prompt, ne automatski. Opisujete što trebate (“dodaj Supabase Auth” ili “stvori bazu podataka za praćenje narudžbi”) i AI ga povezuje.

GitHub. Povežite repozitorij i pošaljite generirani kod kroz ploču postavki. To omogućuje pravilno upravljanje verzijama, integraciju CI pipelinea i primopredaju razvojnom timu. Kod koji ide na GitHub isti je produkcijski orijentirani stack koji je generiran: Radix UI komponente, Recharts, Tailwind v4, tipizirane datoteke komponenti.
Google Analytics. Jedno polje u Općim postavkama prihvaća G-XXXXXXXX tracking ID. Nema oznake skripte koju treba umetnuti, nema dodatka za instalaciju. Vaša objavljena aplikacija dobiva GA4 analitiku samo kroz postavke.

Umetanje prilagođenog koda. Četiri polja u Općim postavkama pokrivaju standardne HTML točke umetanja: početak, kraj, početak, kraj. Ovdje radi bilo koja valjana skripta ili HTML oznaka: Hotjar, Mixpanel, prilagođeni fontovi, skripte upravitelja oznaka, bilo koja vanjska usluga koja se učitava putem oznake. Za integracije izvan izvornog popisa, ovo je zaobilazno rješenje.
Dijalog “Konfigurirajte svoj kod”. Postavke upravitelja paketa omogućuju navođenje privatnih npm paketa i dodatnih javnih biblioteka. Razvijatelji kojima trebaju određene interne ovisnosti mogu ih dodati ovdje, značajka koju nijedan AI builder usmjeren na potrošače u ovoj seriji ne nudi.
Što Figma Make nema. Nema Stripe integracije. Nema obrade plaćanja bilo koje vrste. Izrada Figma Make projekta koji prikuplja novac zahtijeva postavljanje Stripea zasebno putem polja za umetanje prilagođenog koda ili ručno dodavanje nakon GitHub izvoza. Za timove koji izrađuju proizvode za potrošače kojima je potreban checkout flow, ovaj je jaz značajan.
Još nema integracije s Vercel ili Netlify. Priča o implementaciji Figma Makea trenutačno je figma.site ili GitHub. Ako vaš workflow uključuje implementaciju na Vercel, Netlify, Render ili Cloudflare Pages, ne postoji integracija jednim klikom za te platforme. Morali biste prvo poslati na GitHub, a zatim povezati taj repozitorij s vašim preferiranim hosting providerom kao zaseban korak.
Lovable
Lovableova strategija integracija je prioritetno pokrivanje: 80+ provjerenih integracija koje pokrivaju najčešće proizvodne zahtjeve bez pisanja koda.
Stripe (native, automatic). Iz jednog prompta na InvoiceProu: generirane tri cjenovna nivoa s ispravnim checkout poveznicama, usmjeravanjem na billing portal i Supabase sinkronizacijom statusa pretplate. Webhook obrađivači za događaje plaćanja (pretplata kreirana, plaćanje neuspjelo, pretplata otkazana) bili su uključeni bez traženja. Cijela Stripe integracija bila je povezana i aktivna prije isteka 10 minuta. Figma Make nema jednaku mogućnost.
Supabase (native, automatic). Lovable stvara shemu baze podataka od prve izrade, ne kao drugi korak. Tablice se generiraju s ispravnim tipovima stupaca i odnosima stranih ključeva. Tijekovi autentikacije (email/password, Google OAuth, magic links) povezani su automatski. Uključeno je i početno postavljanje RLS politika (iako pravilna konfiguracija zahtijeva ručnu provjeru kako je navedeno u Odjeljku 5).
The 80+ catalog. Obuhvaća email (Resend, SendGrid, Mailgun), analitiku (PostHog, Mixpanel, Google Analytics), pohranu datoteka (Cloudinary, AWS S3 preko Supabasea), komunikacije (Twilio, WhatsApp Business API), AI usluge (OpenAI, Anthropic, Cohere) i više. Svaka se povezuje kroz bočnu traku Connectors bez koraka konfiguracije i bez potrebe za upravljanjem API ključevima.

AI Connectors (Lovable 2.0). Unaprijed izgrađeni putovi do vektorskih baza podataka, usluga orkestracije AI tijekova rada i embedding API-ja proširuju katalog izvan standardnih REST integracija za timove koji grade značajke pogonjene AI-jem.
Deployment. Implementacija jednim klikom na lovable.app s automatskim postavljanjem DNS-a i SSL-a. Sinkronizacija s GitHubom na Vercel ili Netlify dostupna je timovima s postojećom hosting infrastrukturom. Prilagođene domene povezuju se na Pro i višim planovima bez ručnog upravljanja certifikatima.
Za servise izvan kataloga od 80+, Supabase Edge Functions omogućuju prilagođenu serversku logiku temeljenu na JavaScriptu, praktičan izlaz za posebne zahtjeve integracije koji ipak zahtijevaju pisanje koda.
Winner Snapshot: Lovable pobjeđuje u integracijama uvjerljivom razlikom. Nedostatak bilo kakve izvorne obrade plaćanja u Figma Makeu najveći je nedostatak. Za svaku web aplikaciju koja ostvaruje prihod (SaaS proizvod, marketplace, usluga pretplate), Lovableova izvorna Stripe integracija isporučuje end-to-end logiku plaćanja u prvoj izradi, dok Figma Make zahtijeva da se ona izradi zasebno.
Figma Make vs Lovable: Zaključak
Lovable pobjeđuje za osnivače, proizvodne timove i svakoga tko gradi web aplikaciju i već ne radi u Figma. Figma Make pobjeđuje za dizajnere koji žele brže izrađivati prototipe unutar ekosustava koji već poznaju.
| Kategorija | Pobjednik | Zašto (ukratko) |
|---|---|---|
| Cijene i planovi | Lovable | $25/mjesec za neograničen broj korisnika; Figma Make zahtijeva minimalno $16/sjedalo za puni pristup, što raste na $80/mjesec za 5 ljudi koji već nisu na Figma |
| AI mogućnosti & Značajke | Figma Make | Jedina platforma u ovoj seriji s odabiračem modela (Claude, Gemini Flash, Gemini Pro); ugrađivanje u ekosustav; samoispravljajući kod; kontekstualno bogato generiranje |
| Brzina generiranja aplikacija & Kvaliteta | Lovable | Potpuna full-stack postavljena aplikacija za manje od 10 minuta; Figma Make je brži (2 min) za frontende, ali zahtijeva postavljanje Supabasea kao drugi korak za stvarne podatke |
| Jednostavnost korištenja | Lovable | Nije potrebna prethodna platforma; nema Figma onboarding opterećenja; nema troška prebacivanja ekosustava za timove koji nisu na Figma |
| Privatnost i sigurnost | Figma Make | Najopsežniji portfelj usklađenosti u ovoj seriji (SOC 2, FedRAMP, ISO 27017/18/27701, TISAX, C5); ali objavljivanje u zajednici prema zadanim postavkama izlaže povijest chata: isključite ga prije objavljivanja |
| Integracije &Implementacija | Lovable | 80+ izvornih integracija uključujući Stripe plaćanja; Figma Make nema obradu plaćanja i zahtijeva zasebno postavljanje Supabasea za backend |
Odaberite Lovable ako: Vi ste osnivač, produktni menadžer ili startup tim kojem je ovaj tjedan potrebna postavljena web aplikacija s autentifikacijom, bazom podataka i Stripe plaćanjima koja rade. Posebno ako vaš tim već nije na Figma, i trebate platformu koja radi i za tehničke i za netehničke članove tima bez ikakvog opterećenja alatom za dizajn.
Odaberite Figma Make ako: Vi ste dizajner ili dizajn-vođen tim koji je već na Figma i želite brže pretvarati prototipove u stvarne interakcije, validirati ideje sa dionicima putem živih prototipova ugrađenih u Figma datoteke, i ostati unutar jedne platforme od koncepta do prototipa. Posebno je vrijedno ako trebate predstaviti interaktivne demo verzije u FigJam tijekom dizajnerskih pregleda.
