Kódové vrstvy v open betě: Konec vývoje v izolaci
Doteď znamenalo testování kódovaných nápadů, že jsi musel*a opustit Figmu a přejít do IDE nebo terminálu. To už neplatí. Funkce Code Layers (kódové vrstvy) je odteď oficiálně v otevřené betě pro všechny plány.
Kódové vrstvy umožňují přivést funkční kód přímo na sdílené plátno. Můžeš importovat repozitář z GitHubu, lokální složku nebo stáhnout živý web pomocí rozšíření pro Chrome.
Teď ale k zásadní novince… Prototypy v kódu dosud nebylo kde snadno porovnávat. Ve Figmě teď můžeš kódovou vrstvu duplikovat a zkoušet různé varianty vedle sebe. Vývojáři i designéři si mohou vyzkoušet mikrointerakce naživo a zanechat komentáře přímo u konkrétního rámu. Pokud potřebuješ vizuální část dále upravit, funkce Extract designs vytáhne obrazovky z kódu zpět do editovatelných vrstev Figmy.
💡 Využití v praxi: Agentura Merkle nasadila kódové vrstvy napříč celým svým procesem. Výsledek? O 30 % rychlejší iterace a o 50 % méně zbytečné dokumentace.
Payload ve Figma Make: Aplikaci nechybí backend
Weby a aplikace potřebují ukládat data. Spravovat uživatele, formuláře i publikovaný obsah bez správného backendu zkrátka nejde. Tady přichází ta hlavní novinka… Do nástroje Figma Make, je nyní plně integrován open-source headless CMS framework Payload. Ten zaznamenal za poslední rok šestinásobný nárůst stažení a stal se nejrychleji rostoucím CMS na NPM.
Když zadáš prompt pro tvorbu aplikace ve Figma Make, Payload ti automaticky připraví kompletní zázemí. Získáš databázi, souborové úložiště, přihlašování uživatelů i vestavěný administrátorský pult přístupný přes /admin.
Ještě lepší je, že citlivé API klíče (např. pro odesílání e-mailů) nyní bezpečně uložíš přímo v nastavení Make bez nutnosti nastavovat externí služby typu Supabase. Marketingový tým tak může spravovat texty a média v administraci, zatímco vývojáři rozšiřují aplikaci pomocí kódu – a vše běží na infrastruktuře Figmy.
Figma Specs: Konec neznámému kontextu v Markdownu
Spolupráce s AI agenty si žádá jasný kontext. Markdown soubory ale bývají izolované a často postrádají vazbu na samotný design. Odpovědí je Figma Specs – nové prostředí pro kontext na plátně, které vstupuje do open bety. Specs funguje jako kontejner pro tvoje nápady, produktová zadání (PRD) nebo datové zprávy. Dokáže propojovat diagramy, kódové vrstvy i zadání z GitHubu a předávat je přímo AI coding agentům přes Figma MCP server. Kontext tak už nikdy nezapadne v chatovacím okénku.
Design systémy nově řídí i AI agenty
Design systém je základem vizuální konzistence. Jakmile však do vývoje vstoupí AI agenti, musí přesně znát pravidla vaší značky. Figma proto rozšiřuje design knihovny o Code sources (kódové zdroje z GitHubu nebo npm) a Guidelines (pravidla a vzory). AI agent díky tomu nestaví komponenty „na zelené louce“, ale přísně dodržuje zavedené standardy vašich komponent. Pro správu knihoven navíc přichází nástroje System Map pro sledování závislostí a System Check, který v knihovně odhalí chybějící popisy či interaktivní stavy.
Rozšířený Figma MCP server a partnerství
Figma Agent je nyní plně dostupný a usnadňuje rutinní úkony. Zásadní vylepšení se dočkal i Figma MCP server, který propojuje Figmu s tvými oblíbenými vývojářskými nástroji.
Představeno bylo 20 nových partnerských integrací. Mezi nimi najdeš například:
Junie od JetBrains: Přináší kódované prototypy z vývojového prostředí přímo do Figmy jako kódové vrstvy.
OpenCode: Předává AI agentovi kontext design systému pro přesnější generování kódu.
Dia: Umožňuje přenášet webové UI z AI prohlížeče přímo do editovatelných vrstev na plátně.
Je čas stavět produkt přímo v designu
Pracovní postupy se mění. Vývoj a design už nestojí v oddělených řadách. S novinkami od Figmy máš k dispozici plnohodnotné kreativní plátno, kde myšlenky okamžitě přetavíš ve funkční kód, reálná data i publikovatelné aplikace.
