UX/UI Radar
Denní vydání

Úterý 10. 11. 2026

Figma agent při tvorbě code layeru čte prototypové vazby a Framer přestavěl agenta tak, že zvládne celé workflow na jeden běh.

Handoff design→vývoj

Obrázky a video

  • Shadery ve Figmě až 4096 px – Shadery jsou obecně dostupné, exportují se až do 4096 px a dají se použít i v code layerech. Ušetří ti to přechod do externího nástroje pro generativní pozadí. zdroj

AI-driven design

Nové nástroje

GitHub

Návrhy pro tool-stack a workflow

  • Prototyp s vazbami jako vstup pro code layer – Změna: než necháš agenta vytvořit code layer, propoj framy v prototypu. Přínos: agent čte interakce, takže tě nebude muset opravovat promptem. První krok: propoj 3 framy a vygeneruj layer. zdroj
  • Agent harness jako kritérium výběru nástroje – Změna: při výběru AI nástroje sleduj i to, kolik kroků a tokenů spotřebuje na stejný úkol, ne jen model. Přínos: rychlejší běhy a nižší náklady. První krok: stejný úkol zadej Framer agentovi a svému Claude workflow a porovnej čas. zdroj

Dnes vyzkoušej

  • Code layer z propojeného prototypu (~25 min) – Ověříš, že agent čte vazby z prototypu. 1. Ve Figmě vyber tři framy (např. seznam, detail, potvrzení) a propoj je v prototypu kliknutím a přechodem. 2. Vyber framy, otevři Figma agenta a zadej: „Vytvoř code layer z těchto framů včetně interakcí z prototypu.“ 3. Proklikej výsledek a porovnej, zda přechody odpovídají tvým vazbám; co chybí, doplň druhým promptem. Výsledek: klikací code layer a seznam míst, kde agent vazby ignoroval. zdroj