---
title: Figma code layers nově čtou prototypové vazby
date: 2026-11-10
edition: 2026-11-10
rubric: Handoff design→vývoj
perex: Při vytváření code layeru z framů agent bere v úvahu propojení a interakce z prototypu. Pro designéra to znamená méně ručního dovysvětlování, co se kam má stát po kliknutí.
topics: [handoff, figma]
---

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

1. Vyber 2–3 framy jednoho flow a propoj je v prototypu.
2. Nech agenta vytvořit code layer z výběru.
3. Proklikej výsledek a poznamenej, které vazby chybí.
4. Chybějící chování dopiš do druhého promptu.

## Zdroje

- [Figma release notes](https://www.figma.com/release-notes/)
- [Figma Console MCP – releases](https://github.com/southleft/figma-console-mcp/releases)