Upišete prompt u AI alat. Deset sekundi kasnije, gotov ekran stoji na vašem Figma canvasu. Izgleda dobro. Iznenađujuće dobro. Layout je uravnotežen, tipografija funkcionira, razmaci djeluju promišljeno. Kao vizualni output, ima smisla.
Problem nije kako izgleda. Problem je što je to zapravo. Elementi na ekranu nisu Figma komponente. To su samostalni layeri. Alat nije povukao ništa iz vaše postojeće biblioteke komponenata. Nije ni stvorio nove komponente koje biste koristili na sljedećem ekranu. Generirao je jednokratni layout bez ikakve veze s vašim dizajn sistemom.
Ovo je ključni jaz kod AI alata za dizajn u 2026. Stitch, Pencil, Figma Make. Svi proizvode vizualno impresivan output. Nijedan ne čita vaše postojeće komponente. Nijedan ne stvara nove komponente s kojima gradite dalje. Rezultat izgleda kao gotov dizajn. Ne ponaša se kao gotov dizajn.
Za brzo prototipiranje ili istraživanje smjera prije nego što uložite vrijeme u dizajn, ovi alati su korisni. Za produkcijski rad gdje vaš tim iterira na component-based sistemu i predaje strukturirane datoteke developerima, output se ne povezuje s vašim workflowom.
Dvije stvari koje nedostaju
Ne čitaju vaš design sistem
Ovo je veća frustracija. Provedete tjedne gradeći biblioteku komponenata. Buttoni s 6 varijanti i 3 veličine. Kartice s definiranim padding, radius i shadow tokenima. Navigacijska traka s responsivnim breakpointima. Tablice podataka sa sortabilnim headerima. Cijeli sistem, dokumentiran i spreman za korištenje.
Otvorite AI alat unutar tog istog Figma projekta i zatražite da generira dashboard. Alat ignorira cijelu vašu biblioteku. Ne referencira vašu button komponentu. Ne koristi vašu karticu. Ne povlači boje iz vaših tokena. Sve gradi od nule, kao da vaš design sistem ne postoji.
Ovo se događa sa svakim alatom koji smo testirali. Stitch, Pencil, Figma Make. Sjedite u projektu s 200+ komponenata i AI generira output u vakuumu. Dashboard izgleda dobro. Ne dijeli ništa sa sistemom koji ste već izgradili.
Za timove s razvijenim design sistemima, ovo je glavni problem. AI output živi izvan vašeg sistema. Ne nasljeđuje promjene kada promijenite token. Ne ostaje konzistentan s ekranima koje je vaš tim ručno dizajnirao.
Infrastruktura za rješavanje ovog problema već postoji. Figma je pokrenula svoj MCP (Model Context Protocol) server 2025. godine i otvorila pristup za pisanje na canvas u ožujku 2026. MCP daje AI agentima mogućnost čitanja vaših design tokena, komponenata, varijanti, auto-layout pravila i sintakse varijabli. Most između AI alata i vašeg design sistema je izgrađen. Pitanje je koji alati ga počinju koristiti.
Ne stvaraju ni komponente
Ovo je čak i veća frustracija. Čak i da alat ignorira vašu postojeću biblioteku, bio bi koristan kada bi u svom outputu stvarao ispravne Figma komponente. Button koji alat generira na jednom ekranu prenosio bi se kao reusable instanca na sljedeći ekran. Promijenite jednom, ažurirajte svugdje.
Nijedan alat to ne radi. Svaki ekran se generira neovisno. Button na dashboardu i button na stranici postavki su odvojeni elementi bez ikakve poveznice. Header na ekranu jedan i header na ekranu pet su različiti objekti.
Output se ne nadograđuje. Svaka generacija kreće od nule. Dobijete 10 poliranih ekrana i nula upotrebljivih dijelova. Za prototip gdje ekrani žive izolirano, to je u redu. Za proizvod gdje dizajner treba održavati konzistentnost kroz 50+ ekrana, nema na čemu graditi.
Gdje stoji svaki alat danas
Google Stitch
Stitch (ranije Galileo AI) generira dizajn cijelih stranica iz tekstualnih promptova. Vizualna kvaliteta je impresivna. Layouti izgledaju uravnoteženo, tipografski izbori su solidni, a ukupna kompozicija djeluje kao nešto što bi dizajner napravio.
Gdje pada je kontinuitet. Stitch tretira svaki prompt izolirano. Opišete dashboard, zatim opišete stranicu postavki koristeći isti dizajnerski jezik. Dva ekrana ne dijele komponente, color tokene, ni konzistentna pravila razmaka. Svaka generacija je samostalna. Dobijete dva ekrana koji dobro izgledaju bez ikakve međusobne veze.
Stitch eksportira kao HTML i CSS, ne kao nativni Figma. Uvoz u Figmu pretvara kod u vektorske oblike. Vizual ostaje netaknut, ali struktura se ne prenosi.
Za single-screen koncept koji pokazujete stakeholderu, Stitch je brz i uvjerljiv. Za proizvod s više ekrana, ne povezuje dijelove.
Pencil
Pencil (od Diagrama) radi direktno unutar Figme. Opišete layout i alat generira frameove na vašem canvasu. Blizina vašoj datoteci djeluje obećavajuće.
Ograničenje je dubina. Pencil uvozi samo frameove prve razine. Ugniježđeni sadržaj se flattena u slike. Tekstualni layeri ispod root razine gube mogućnost uređivanja. Kompleksna kartica s više ugniježđenih elemenata postaje jedna ravna slika.
Pencil je koristan za kreativne varijacije oglasa i brzu vizualnu eksploraciju. Za produkcijska sučelja gdje svaki element treba ostati editabilan i strukturiran, ne ide dovoljno duboko.
Figma Make
Figmin vlastiti AI feature generira dizajne iz promptova direktno unutar Figme. Preko 50% Figminih enterprise korisnika koristi Make tjedno. Usvajanje je stvarno i raste.
Make proizvodi čiste ekrane brzo. Problem je isti kao kod alata trećih strana: ne referencira vašu biblioteku komponenata, čak ni kada ga pokrenete unutar projekta s potpuno izgrađenim design sistemom. Svaka generacija kreće ispočetka.
Figma je jednom suspendirala Make 2024. nakon što su outputi previše nalikovali postojećim proizvodima. Enterprise planovi ograničavaju korištenje na 80-100 promptova mjesečno.
Make je dobar za prevladavanje praznog canvasa i istraživanje smjerova. Ne proizvodi datoteku koju vaš tim proširuje vlastitim komponentama.
Gdje ovi alati donose stvarnu vrijednost
Gore navedena ograničenja odnose se na produkcijski dizajn. Za ostale dijelove procesa dizajna, ovi alati donose stvarnu vrijednost.
Prototipiranje i eksploracija. Kada vam treba 5 layout smjerova u 10 minuta za discovery workshop, AI alati isporučuju. Output izgleda dovoljno polirano za prezentaciju klijentu ili stakeholderu. Nitko ne pregledava layere prototipa. Brzina je važnija od strukture u ovoj fazi.
Početak rada u Figmi. Ako ne radite u Figmi svakodnevno, ovi alati snižavaju barijeru. Product manageri, founderi i developeri upišu opis i dobiju vizual koji dijele s timom. Output je dovoljno dobar za razgovore o usklađivanju i rane runde feedbacka.
Vizualne reference. Tretiranje AI outputa kao reference, a ne kao početne datoteke, daje dobre rezultate. Generirate nekoliko smjerova, odaberete onaj koji tim preferira, zatim ga pravilno izgradite koristeći svoj design sistem. AI odgovara na pitanje "kako bi ovo trebalo izgledati". Vi odgovarate na "kako ovo funkcionira u našem sistemu".
Kako ih koristimo u Workspaceu
Testiramo svaki AI alat za dizajn tjedan dana nakon što izađe. Tijekom prošle godine, proveli smo Stitch, Pencil i Figma Make kroz stvarne klijentske projekte.
Vizualni output je dobar. Svaki put. Alati proizvode ekrane koje bismo bez problema pokazali klijentu kao koncept. Problem nastaje kada pokušamo integrirati output u naše produkcijske datoteke.
U Workspaceu gradimo produkcijska sučelja sa strogim bibliotekama komponenata i strukturama design tokena. Developeri grade direktno iz Figma speca. Svaki element u datoteci treba biti component instanca povezana sa sistemom.
Na jednom nedavnom projektu koristili smo Figma Make za početno istraživanje redizajna booking flowa. Generirani layout izgledao je blizu onome što smo imali na umu. Zatim smo ga trebali ponovno izgraditi koristeći naše stvarne komponente, jer AI-generirana verzija nije imala nikakvu vezu s našom bibliotekom. Izgradnja istog ekrana iz naših postojećih komponenata trajala je 90 minuta. Figma Make verzija plus ponovna izgradnja trajala je dva sata. Eksploracija je bila korisna. Output nije bio nešto na čemu smo gradili dalje.
Pisali smo o Figma pluginima koje i dalje koristimo svakodnevno. Oni koji su preživjeli u našem workflowu rješavaju specifične, uske probleme: bulk preimenovanje, batch export, popunjavanje sadržaja. Ne pokušavaju zamijeniti proces dizajna. Poboljšavaju jedan korak u njemu.
Što slijedi
Alati koji generiraju ekrane dobri su u onome što rade. Infrastruktura koja ih povezuje s vašim design sistemom već je aktivna.
Figmin MCP server izašao je 2025. U ožujku 2026., Figma je otvorila pristup za pisanje na canvas kroz use_figma alat. AI agenti koji rade kroz Claude Code, Cursor, VS Code, Copilot CLI i druge sada čitaju vaše komponente, tokene, varijante i auto-layout pravila direktno iz Figme. Pišu nativne frameove natrag na canvas. Figma je također uvela skills, markdown upute za pakiranje ponovljivih design workflowova koje vašem timu eliminiraju potrebu za ponovnim objašnjavanjem konvencija pri svakom promptu.
Ovo nije stavka na roadmapi. Ovo je produkcijski spremno. MCP server čita vašu biblioteku komponenata. Čita vaše design varijable. Pruža sintaksu koda koju ste definirali za svaki token. AI agent koji koristi MCP ne generira button od nule. Povlači button iz vašeg sistema.
Jaz između vizualne kvalitete AI-generiranih ekrana i strukturne kvalitete produkcijskih Figma datoteka ima jasan put prema zatvaranju. Vizualna strana je već riješena. Stitch, Pencil i Figma Make dokazuju da ekrani izgledaju dobro. MCP dokazuje da veza s design sistemom funkcionira. Sljedeći korak je da ovi alati usvoje MCP kako bi output koristio vaš sistem umjesto da ga ignorira.
Na prijelaznoj smo točki. Danas koristite AI alate za dizajn za eksploraciju i prototipiranje. Dobri su u tome. Za produkciju, nastavite graditi iz svoje biblioteke komponenata. Ali počnite strukturirati svoj design sistem s MCP-om na umu, jer u trenutku kada se ovi alati povežu s njim, workflow se mijenja iz temelja.
Budućnost ovdje nije daleko. Udaljena je jednu integraciju.
Ako želite pomoć pri strukturiranju design sistema spremnog za AI workflowove s MCP-om, ili trebate produkcijska sučelja izgrađena na component-based sistemu danas, javite se našem timu. Vodimo discovery sesije usmjerene na vaš proces dizajna i zahtjeve proizvoda.
