AI a dizajn sa opäť posúvajú na novú úroveň. Tentoraz cez nástroj Figma Make, ktorý predstavuje koncept „vibe codingu“ – no pozor, s programovaním ako ho poznáme má len málo spoločné. Namiesto písania kódu stačí zadať, čo chcete vytvoriť – a nástroj vygeneruje návrh aplikácie aj s front-endovým kódom.
Čo je vibe coding?
Vibe coding vo Figma Make znamená, že dizajn aplikácie vzniká kombináciou textových promptov a vizuálneho výberu komponentov. Zadáte, akú aplikáciu potrebujete – mobilnú alebo webovú – a nástroj sám premyslí, aké obrazovky by mala obsahovať. Výsledkom nie je len wireframe, ale responzívny prototyp s interakciami a dokonca aj exportovateľný kód v Reacte, TypeScripte a Tailwinde.
Ako to funguje v praxi?
Celý proces začína jednoduchým popisom aplikácie. Čím kvalitnejší a presnejší prompt, tým prepracovanejší návrh. Po vytvorení základných obrazoviek môžete dizajn ďalej upravovať:
- vybrať komponent vizuálne,
- napísať prompt s požadovanou funkciou alebo zmenou,
- nechať systém automaticky vygenerovať nové obrazovky alebo upraviť existujúce.
Figma Make umožňuje tiež iterácie návrhov, návrat k predchádzajúcim verziám, duplikovanie a forkovanie projektov, čo z nej robí silný nástroj aj pre tímovú prácu.
Kód na dosah
Exportovaný kód si môžete stiahnuť a spustiť napríklad cez nástroj Cursor. Aj keď nie je úplne bez chýb – napríklad chýba package.json – základná štruktúra front-endu je plne funkčná. S trochou úprav podľa návodov z komunity sa dá prototyp bez problémov rozbehať.
Čo to znamená pre firmy?
Figma Make výrazne skracuje cestu medzi nápadom a funkčným návrhom.
- Produktoví a UX špecialisti už nemusia kresliť wireframy – získajú hneď funkčný prototyp.
- Vývojári nedostanú len obrázky či PDF, ale reálny kód pripravený na implementáciu.
- Prechod na React a Tailwind CSS sa stáva čoraz častejším štandardom, ktorý tieto nástroje prirodzene podporujú.
Budúcnosť dizajnu?
Áno, je to zatiaľ beta verzia, a nie všetky funkcie sú dokonalé. Napriek tomu sa mi podarilo vytvoriť funkčný 20-screenový prototyp aplikácie za pár hodín, čo by tradičným spôsobom trvalo násobne dlhšie. Pre dizajnérov a tímovú validáciu konceptov je to rýchlejšie než čokoľvek doteraz.
Tento vizuálno-klikací prístup k návrhu a vývoju aplikácií, ktorý vibe coding reprezentuje, má potenciál stať sa novým štandardom. A Figma Make je dnes jeho najzaujímavejším predstaviteľom.
