Minulý týden jsme se online zúčastnili konference, která nám v týmu Designu i Developmentu rozzářila oči. Figma na své konferenci Config 2025 představila celou sérii novinek, které ukazují, že tenhle nástroj zase jednou povyroste – a to o notný kus. K ještě hladší spolupráci, rychlejším iteracím a menšímu množství zbytečného klikání. A to jsou přesně věci, které v našem frameworku (u webových projektů je pro nás Figma spolu s Craft CMS základním stavebním prvkem) dělají rozdíl.

Pojďme se podívat, co nás zaujalo nejvíc a co si brzy otestujeme na reálných projektech.

Figma Sites umožní návrhářům vytvářet a publikovat responzivní webové stránky přímo z prostředí Figma. Nabízí šablony, podporu design systémů a interakce jako scroll efekty nebo animace. V budoucnu plánuje integraci CMS a možnost přidání vlastního kódu. Tím se stane nástrojem, který bude konkurovat kupříkladu populárnímu Webflow.

Pro nás, kdo navrhujeme weby na míru a s pokročilejšími funkcionalitami a integracemi a přenášíme je do komponent v Craftu, je Figma Sites zatím spíš inspirací než náhradou. Ale jako nástroj na tvorbu microsite, produktových stránek nebo wireframových klikacích prototypů pro klienty? Tam vidíme potenciál obrovský. A integrace s design systémy? Palec nahoru.

Figma Make je nástroj poháněný umělou inteligencí, který dokáže na základě textového promptu vytvořit kód - funkční prototypy nebo funkcionality či aplikace. Využívá model Claude 3.7 od společnosti Anthropic a umožňuje rychlé iterace a testování nápadů bez nutnosti psaní kódu. Tak trochu integrace funkcionality, jakou disponuje například vercel.

AI v designu není novinka, ale Figma Make je první, u které nás napadlo: „tohle už dává smysl“. Textový prompt → struktura stránky, layout, dokonce i první návrh copy. Tohle výrazně zkrátí rozjezdovou fázi a umožní rychlejší testování variant – což oceníme především u rozsáhlejších webů a MVP projektů.

Nová verze Gridu ve funkcionalitě Auto Layout umožní vytvářet komplexní rozvržení s přesným zarovnáním v obou osách a s podporou pro CSS Grid. Zjednoduší tak snadné umisťování prvků a přizpůsobení rozvržení bez nutnosti složitého vnořování.

Na první pohled nenápadná, ale pro vývojáře (a naše UI designéry taky) velmi důležitá změna. Výstupy z Figmy tak budou ještě věrněji odpovídat výsledné front-end implementaci. Win-win.

Možnost tvořit ilustrace přímo ve Figmě (Draw) a generovat marketingové materiály v souladu s vizuální identitou (Buzz) je něco, co se bude hodit hlavně v rámci našeho interního brandingu a kampaní. Linky, texty, vektorové vrstvy, nové, specializované tooly a velká knihovna prvků, efektů a šablon… Těšíme se, až je otestujeme třeba při přípravě workshopů nebo promo webů.

V rámci bohatého programu Config možná zapadaly, ale nás potěšily i další funkcionality, především proto, že opět o notný kus zkrátí cestu mezi designem a vývojem:

• Integrace na GitHub

• upgrade DevMode

• vizuální vyhledávání, které pomůže najít komponenty na základě podobnosti

Figmě se daří přesně to, co se snažíme dělat i my: zjednodušovat, zpřehledňovat a propojovat. Nové funkce nám pomohou zrychlit první fáze návrhu, udržet větší konzistenci napříč projekty a zefektivnit přechod mezi designem a vývojem. A to se v našem Figmě–Craft stacku počítá.

Jinými slovy: Figma se rozkračuje ke kódu i tvorbě obsahu a tímhle způsobem bude chtít stát se mocným all-in-one nástrojem pro designéry digitálních projektů a komunikací. Spojit svoje dosavadní silné stránky (návrh a prototypizace webů a aplikací) s možností publikace stránek, CMS, nebo efektivní tvorbou bannerů a plakátů, jak ji znáte třeba z Canvy.

Tím by se všechno, co děláte v mnoha toolech a softwarech, dalo sloučit v jednom, a život designérů bude výrazně jednodušší. Dokáže ale takhle rozkročená Figma konkurovat nástrojům, které se úzce specializují pouze na jednu oblast? A jakým způsobem to změní její cenovou politiku?

Na odpověď na tuto otázku si budeme muset počkat.

Ale teď si jdeme hrát, experimentovat, testovat a zkoušet.

Máte zájem o digitální řešení poháněné Figmou a Craft CMS? Ozvěte se nám a projděte s námi vaše potřeby.