Blog · Vijesti

Figma pretvara dizajn u radni dio weba

Figma je predstavila Code Layers, Specs i dublju vezu s CMS-om Payload. Dizajn tako postaje interaktivan, razumljiviji programerima i bliži stvarnoj izradi web stranice.
Objavljeno
18. 03. 2026.
Čitanje
3 min
Figma pretvara dizajn u radni dio weba
01

Dizajn više nije samo slika

Figma je sredinom listopada predstavila nove mogućnosti koje dizajn pomiču bliže stvarnom web proizvodu. Najzanimljiviji dio zove se Code Layers: na platno se mogu dodati elementi s pravim kodom, pa prototip nije tek lijepa maketa koju netko klikne na prezentaciji. Gumb može reagirati, polje može prihvatiti unos, a ponašanje sučelja može se provjeriti prije nego što projekt ode u razvoj.

To vlasniku weba mijenja razgovor s dizajnerom i programerom. Umjesto rečenice „ovdje bi se nešto trebalo dogoditi”, može se pokazati što se točno događa. Ne znači da će svatko odjednom izrađivati produkcijske aplikacije bez programera, ali se smanjuje prostor za nesporazume, naknadna popravljanja i ona mala iznenađenja koja se pojave tek kad je rok već prekjučer.

02

Specifikacije uz ekran

Figma je otvorila i Figma Specs, uređivač u kojem se pravila dizajna mogu zapisati uz sam projekt. Tamo se mogu opisati boje, tipografija, razmaci, ponašanje komponenti i druga pravila koja inače završe u odvojenim dokumentima ili u glavi osobe koja je projekt vodila. Za veće webove to je praktičnije od beskrajnog traženja „one stare verzije s pravim plavim gumbom”.

Takav pristup posebno koristi timovima koji održavaju web shopove i sadržajne stranice. Kada se izrađuje nova landing stranica, kampanja ili checkout, svi imaju isti izvor pravila. Dizajner vidi kako komponenta treba izgledati, programer što treba napraviti, a vlasnik može lakše procijeniti hoće li nova ideja izgledati kao dio brenda ili kao gost koji je zalutao na zabavu.

03

Veza s pravim sadržajem

Figma je najavila i jaču povezanost s Payloadom, headless CMS-om koji služi za upravljanje sadržajem i aplikacijama. U praksi to znači da se dizajn i sadržaj mogu približiti stvarnoj strukturi weba: naslovima, slikama, proizvodima i drugim podacima koje netko kasnije mora uređivati. To je važan korak jer mnogi prototipi izgledaju uredno samo zato što su ispunjeni idealnim, kratkim tekstom.

Za vlasnika web shopa vrijednost se vidi kad se testira realniji scenarij. Što se događa s naslovom od tri retka? Kako izgleda kartica proizvoda bez fotografije? Može li urednik promijeniti cijenu bez poziva razvojnom timu? Što su takve provjere ranije u procesu, to je manje skupih dorada nakon objave. Dizajn tada ne glumi gotov proizvod, nego ga poštenije oponaša.

04

Što to znači za klijente

Ove novosti ne znače da će Figma zamijeniti razvoj, sadržajnu strategiju ili testiranje s korisnicima. Web stranica i dalje treba brzinu, pristupačnost, sigurnost, dobar SEO i uredan sustav za održavanje. Interaktivan prototip može pokazati da je ideja loša puno ranije, ali ne može sam odlučiti treba li kupcu prikazati dostavu prije ili poslije plaćanja.

Pametan način korištenja jest tražiti od tima da nove mogućnosti uključi tamo gdje stvarno pomažu: kod složenih obrazaca, checkouta, korisničkih računa i sustava komponenti. Za jednostavnu prezentacijsku stranicu možda nisu potrebne. Za web koji često mijenja sadržaj i ima više ljudi u procesu mogu uštedjeti vrijeme, novac i nekoliko sastanaka koji su mogli biti e-mail.

05

Izvor

Figma – Build by Design: New Workflows for New Ways of Building — https://www.figma.com/blog/build-by-design/ TechCrunch – Figma announces new features to define how agents work on its platf — https://techcrunch.com/2026/10/14/figma-announces-new-features-to-define-how-agents-work-on-its-platform/

Ovo je sažetak javno dostupnih informacija, ne pravni savjet. Prije odluke provjerite službeni tekst.

Blog

Još iz bloga

Sve objave

Sljedeći korak

Trebate pomoć s projektom?

Ako vam ovaj članak otvara više pitanja nego odgovora, javite se. Prvi razgovor je besplatan.

Kontakt