Code layers jsou ve Figmě v open beta a převádějí návrh na interaktivní kód přímo na plátně. Podle release notes z 3. 11. 2026 agent při tvorbě layeru z designových framů nově čte i prototypové vazby.
Co je nového / Jak to funguje
Dosud agent vycházel hlavně z vzhledu framů. Teď se opírá také o to, které framy jsou propojené, jaká je akce (klik, hover) a jaký přechod prototyp používá. Zdrojový kód code layerů ale podle poznámek k nástroji Figma Console MCP není přes API Figmy dostupný, takže ho agent upravuje uvnitř Figmy, ne v tvém repozitáři.
Proč je to důležité
Prototyp bývá nejpřesnější popis chování, který designér má. Kdyby ho agent ignoroval, musel bys chování popisovat znovu v promptu. S vazbami se prompt zkracuje na záměr („hotový stav po odeslání formuláře“) a zbytek vychází z toho, co už jsi nakreslil. Zůstává ale otázka, jak dobře agent pochopí složitější podmínky; to je neověřené a vyplatí se výsledek proklikat.
| Vstup | Dříve | Nyní |
|---|---|---|
| Vzhled framů | ano | ano |
| Prototypové vazby | ne | ano |
| Přechody a interakce | popis v promptu | čteno z prototypu |
Jak začít
- Vyber 2–3 framy jednoho flow a propoj je v prototypu.
- Nech agenta vytvořit code layer z výběru.
- Proklikej výsledek a poznamenej, které vazby chybí.
- Chybějící chování dopiš do druhého promptu.