Ú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
- Figma code layers čtou prototypové vazby – Při vytváření code layeru z framů agent nově bere v úvahu propojení a interakce z prototypu, takže výsledek lépe odpovídá tomu, jak jsi to navrhl. Funkce je v open beta. zdroj
- Figma klonuje GitHub repozitáře ve výchozím stavu – Nová připojení repozitářů se klonují do Figmy bez dalšího schvalování adminem, který to může vypnout po repozitářích. Hodí se, když chceš dát agentovi kontext z reálného kódu. zdroj
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
- Framer Harness 2: agent zvládne celé workflow naráz – Framer přestavěl harness agenta: prý 2× méně kroků s nástroji a o 39 % méně cachovaných vstupních tokenů na zprávu, stejné schopnosti nabízí i externím agentům přes MCP. zdroj
Nové nástroje
- Figma agent a Make se připojí ke Google Disku – Konektor umí tahat soubory, vytvářet nové a používat assety na plátně; je dostupný ve všech plánech včetně Starter. zdroj
GitHub
- Impeccable CLI 4.8.2 a první Loop 0.1.0 – CLI srozumitelněji hlásí chyby GitHubu při instalaci a
generate-imagerespektujeOPENAI_BASE_URL; navíc vyšel pre-release Loop 0.1.0 bez popisu. zdroj
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