Figma: Komplexní nástroj pro design a prototypování
Než se ponoříme do nových funkcí, připomeňme si, čím je Figma už dnes dominantním nástrojem v oblasti designu digitálních produktů. Figma funguje jako cloudová platforma pro design uživatelských rozhraní, která v posledních letech změnila způsob, jakým designéři a vývojáři spolupracují. Mezi klíčové funkce, které Figma nabízí, patří:
- Kolaborativní design v reálném čase: Více designérů může pracovat na stejném souboru současně.
- Komplexní prototypování: Vytváření interaktivních prototypů s přechody a animacemi.
- Design systémy a knihovny: Správa a sdílení stylů, komponent a vzorů napříč týmy.
- FigJam: Integrovaný nástroj pro whiteboarding a brainstorming.
- Dev Mode: Speciální režim pro vývojáře, který usnadňuje implementaci návrhů do kódu.
- Bohatý ekosystém pluginů: Rozšíření funkčnosti pomocí stovek pluginů třetích stran.
- Varianty komponent: Možnost vytvářet a spravovat různé stavy komponent v jednom místě.
- Variables: Systém proměnných, který umožňuje sdílet hodnoty napříč designem.
- Auto Layout: Inteligentní správa rozložení prvků, která simuluje chování CSS.
Figma díky těmto funkcím získala obrovskou popularitu mezi designéry, vývojáři a produktovými týmy po celém světě. Společnosti jako Microsoft, Uber, Airbnb, Twitter a tisíce dalších používají Figmu jako svůj primární nástroj pro design a prototypování.
Představení Figma Sites: Most mezi designem a webem
Na konferenci Config 2025, která proběhla minulý týden, Figma oznámila průlomový produkt nazvaný Figma Sites. Tato nová funkce umožňuje designérům přímé převedení návrhů z Figmy do funkčních webových stránek bez nutnosti kódování. Jedná se o důležitý krok v dlouhodobé strategii Figmy eliminovat mezery mezi designem a vývojem. Jak uvedl Dylan Field, CEO Figmy: "Figma Sites představuje naši vizi budoucnosti, kde je každý schopen tvořit pro web, bez ohledu na své technické dovednosti. Chceme demokratizovat webový design stejným způsobem, jakým jsme změnili svět designu uživatelských rozhraní."
Podle oficiálních materiálů dostupných na blogu Figmy a z poznámek k vydání z konference Config 2025, nový produkt přináší následující průlomové funkce:
- Přímý export z designu do webu
Figma Sites umožňuje designérům exportovat své návrhy přímo do funkčního webu s minimálním úsilím. Systém inteligentně převádí vrstvy a komponenty z návrhů na odpovídající HTML, CSS a JavaScript. "Náš algoritmus založený na strojovém učení analyzuje strukturu designového souboru a vytváří čistý, optimalizovaný kód, který respektuje původní záměr designéra," vysvětluje produktová manažerka Lisa Chen. - Responzivní design bez námahy
Jednou z nejvýznamnějších funkcí je automatické vytváření responzivních webů. Figma Sites dokáže interpretovat různé návrhy pro různé velikosti obrazovek a vygenerovat web, který se plynule přizpůsobuje všem zařízením. - Vestavěné hostování a publikování
Uživatelé mohou publikovat své weby jediným kliknutím na doméně sites.figma.com nebo propojit vlastní doménu. Figma poskytuje hostování, SSL certifikáty a globální CDN pro rychlé načítání stránek kdekoli na světě. - Visual CMS
Novinkou je také integrovaný systém pro správu obsahu, který umožňuje nontechnickým uživatelům aktualizovat texty, obrázky a další obsah bez nutnosti znovu publikovat celý web. - Integrace s existujícími CMS a databázemi
Figma Sites nabízí možnost propojení s populárními CMS jako WordPress, Contentful nebo Sanity, a také s databázovými systémy jako Airtable nebo Supabase.
Podle informací z release notes konference Config 2025, Figma Sites plně integruje s existujícími nástroji Figma:
- Knihovny komponent: Existující Design System můžete přímo použít pro tvorbu webových stránek.
- Variables: Proměnné z Figma Design nyní můžete použít napříč celým webem.
- Prototypování: Interakce definované v prototypech se automaticky převádějí na webové interakce.
- Collaborative editing: Stejně jako v designových souborech, i webové stránky lze upravovat v reálném čase více uživateli současně.
Nová konkurence na trhu
S uvedením Figma Sites společnost vstupuje na již existující trh nástrojů pro tvorbu webů bez kódování a vytváří přímou konkurenci několika etablovaným hráčům:
Webflow
Figma Sites představuje přímou výzvu pro Webflow, který se v posledních letech stal standardem pro vizuální tvorbu profesionálních webů. Zatímco Webflow má výhodu vyspělého ekosystému a let zkušeností, Figma přináší integraci s designovým procesem, který miliony uživatelů již dobře znají. Sarah Drasner, bývalá ředitelka pro vývoj ve Webflow, poznamenala na sociálních sítích: "Figma Sites je fascinující krok. Webflow má stále náskok v pokročilých funkcích a flexibilitě, ale přímá integrace designu a webu v rámci jedné platformy je velmi silná nabídka."
Adobe
Adobe se svým portfoliem, které zahrnuje XD, Dreamweaver a nedávno akvírovaný Framer, bude čelit silnější konkurenci. Figma, která již v roce 2022 odolala akvizičnímu pokusu Adobe, nyní ještě více posiluje svou pozici komplexního řešení pro digitální design.
Framer, Wix a další website buildery
Framer, který podobně jako Figma umožňuje převádět design na funkční web, bude muset reagovat na tento významný krok. Stejně tak platformy jako Wix, Squarespace a další nástroje pro tvorbu webových stránek budou muset přehodnotit své postavení vzhledem k tomu, že Figma má již etablovanou uživatelskou základnu milionů designérů.
Cenové podmínky a dostupnost
Figma Sites bude dostupná ve třech úrovních:
- Free tier: Pro osobní projekty, omezeno na 3 stránky a publikování pod sites.figma.com
- Professional: $15/měsíc za uživatele, zahrnuje neomezené stránky, vlastní domény a pokročilé analytické nástroje.
- Organization: $45/měsíc za uživatele, přidává podnikové funkce jako SAML, audit logy a rozšířenou správu přístupů.
Podle oficiálního harmonogramu bude Figma Sites dostupná v beta verzi pro všechny předplatitele Professional a Organization plánů od 1. června 2025, s plným vydáním plánovaným na srpen 2025.
Figma Sites je posun v tom, jak designéři a vývojáři spolupracují na webových projektech. Odstraněním technických bariér Figma pokračuje ve své misi demokratizovat design a umožnit každému vytvářet digitální produkty. Jak Dylan Field uzavřel svou keynote na Config 2025: "Věříme, že budoucnost tvorby pro web bude více vizuální, více přístupná a více kolaborativní. Figma Sites je naším příspěvkem k této budoucnosti."
