--- date: 2026-11-09 slot: den title: Pondělí 9. 11. 2026 lead: Figma agent nově generuje upravitelné vektorové ikony a pravidla designu se stávají soubory, které agent čte sám – design systémy se přepisují pro agenty. --- ## Design systémy - **[Design system AI readiness (Sean Voisen)](#/a/2026-11-09-design-system-ai-readiness)** – Esej tvrdí, že „AI-ready“ design systém není hlavně o strojově čitelných artefaktech, ale o tom, kde zůstává člověk ve smyčce. Hodí se jako podklad, když budeš u klientů obhajovat, co do DS pro agenty skutečně investovat. [zdroj](https://seanvoisen.com/writing/design-system-ai-readiness/) - **[Claude Design – konec samostatné aplikace 14. 12. 2026](#/a/2026-11-09-claude-design-konec-aplikace)** – Samostatná claude.ai/design se zavírá a design systémy se přesouvají do Settings > Design systems; z Claude Code je lze synchronizovat příkazem /design-sync. Ověř si migraci svých design systémů s předstihem. [zdroj](https://aicatchup.com/news/claude-design-sync-claude-code-two-way) ## Handoff design→vývoj - **[Figma MCP – podnikové ověřování přes IdP](#/a/2026-11-09-figma-mcp-idp)** – Admini Enterprise a Organization plánů mohou spravovat připojení Figma MCP serveru k agentům (např. Claude) přes identity providera typu Okta, bez individuálního přihlašování. Ušetří zdlouhavé zavádění MCP workflow v celém týmu. [zdroj](https://www.figma.com/release-notes/) - **[Mean](#/a/2026-11-09-mean-vizualni-handoff)** – Nástroj pro vizuální předávání lidem i agentům: zmrazíš nebo nahraješ obrazovku, okomentuješ ji gesty a celou session pošleš kolegovi nebo AI. Vyzkoušej ho pro reporty UI chyb místo screenshotů v Jiře. [zdroj](https://mean.app/) ## Obrázky a video - **[OpenAI Images 2.6](#/a/2026-11-09-openai-images-2-6)** – Od 5. 11. v ChatGPT, Codexu i API: zhruba o 50 % rychlejší, umí ze skici či produktové fotky udělat krátký smyčkový GIF, ukládá reference postav a produktů a nabízí export do SVG. Dozvíš se tak, jestli se vyplatí pro rychlé animované mockupy. [zdroj](https://dongiannatti.substack.com/p/ai-for-creatives-week-of-november) - **[Figma – výběr objektu jedním klikem](#/a/2026-11-09-figma-select-area)** – Nástroj Select area v AI úpravách obrázků nově vybere objekt kliknutím, bez ručního obtahování (zatím jen desktopová aplikace pro macOS). Zrychlí retuše produktových fotek přímo ve Figmě. [zdroj](https://www.figma.com/release-notes/) - **[Viggle Remake](#/a/2026-11-09-viggle-remake)** – LoRA pro MiniMax H3, která přepíše existující video: vymění postavu, objekt, pozadí či světlo a zachová pohyb i zvuk; má MCP server, takže klipy může skládat i Claude Code. Hodí se pro rychlé varianty produktových videí. [zdroj](https://huggingface.co/Viggle/Viggle-Remake) ## Ikony a 3D - **[Figma agent – vektorové ikony a ilustrace](#/a/2026-11-09-figma-agent-vektory)** – Agent generuje upravitelné vektory se seskupenými vrstvami, stylovými referencemi a tahy místo výplní; struktura vrstev je připravená pro animaci ve Figma Motion. Vyzkoušej to na rozšíření ikonové sady podle existujících ikon z knihovny. [zdroj](https://www.figma.com/release-notes/) ## AI-driven design - **[NN/g: Agent Harness – definice](#/a/2026-11-09-nng-agent-harness)** – Článek vysvětluje „harness“ jako softwarovou smyčku mezi modelem a jeho nástroji a ukazuje, jak její kontext, oprávnění a limity určují, co uživatel s agentem zvládne. Užitečný slovník pro návrh UX agentních produktů. [zdroj](https://www.nngroup.com/articles/agent-harness/) - **[Smashing: přístupné LLM chaty](#/a/2026-11-09-smashing-pristupne-llm-chaty)** – Praktický návod, jak udělat chatová rozhraní s LLM použitelná pro lidi s asistivními technologiemi. Poslouží jako checklist při revizi AI asistentů v klientských aplikacích. [zdroj](https://www.smashingmagazine.com/2026/11/making-immersive-llm-chat-experiences-more-accessible/) ## Nové nástroje - **[Site Seeing (Ahmad Shadeed)](#/a/2026-11-09-site-seeing)** – Nástroj ukazuje, jak se stránka chová v neobvyklých velikostech viewportu. Odhalíš s ním responzivní chyby dřív, než je najde QA. [zdroj](https://ishadeed.com/article/beyond-the-viewport/) ## GitHub - **[Remotion 4.0.542](#/a/2026-11-09-remotion-4-0-542)** – Nové efekty `magnify()` a `lightning()`, import OpenTimelineIO do Studia, vysoký kontrast v UI a streamované renderování na Lambdě. Hodí se pro ty, kdo skládají produktová videa a motion ukázky v Reactu; OpenTimelineIO usnadní předání střihu z klasického editoru. [zdroj](https://github.com/remotion-dev/remotion/releases) - **[Impeccable CLI 4.8.1](#/a/2026-11-09-impeccable-4-8-1)** – Příkaz `detect` nově skenuje i soubory `.mjs` a `.cjs`, je stabilnější na stránkách zahlcených logy a opravuje kontrast a pozadí z verze skillu 4.8.1. Vyzkoušej ho jako rychlou kontrolu UI kvality před předáním prototypu. [zdroj](https://github.com/pbakaus/impeccable/releases) - **[Figma Console MCP 1.46](#/a/2026-11-09-figma-console-mcp-1-46)** – Přibyly nástroje pro shadery, `figma_set_layout` (auto layout i grid jedním voláním), barvy v oklch či display-p3 a pět nástrojů pro Figma Motion beta včetně motion tokenů (timing, easing). Ušetří kroky, když Claude staví komponenty a animace přímo v souboru. [zdroj](https://github.com/southleft/figma-console-mcp/releases) ## Trendy - **[Pravidla designu jako soubory pro agenty](#/a/2026-11-09-figma-guidelines-specs)** – Po Config India přibyly ve Figmě Guidelines (soubory u publikované knihovny, které agent čte automaticky, open beta pro plány Professional a vyšší) a Specs, markdownový editor pro designový jazyk; Figma MCP je umí číst i zapisovat. Pro tebe to znamená, že to, co dnes říkáš agentovi v promptu, patří přímo do knihovny. [zdroj](https://help.figma.com/hc/en-us/articles/43663368947863-What-s-new-from-Config-India-2026) · [zdroj](https://bizflowai.io/blog/figma-specs-and-code-layers-what-agents-can-now-do) - **[Agentní design systémy: JSON pro MCP, Markdown pro LLM](#/a/2026-11-09-agentni-design-systemy-json)** – Indeed převedl 77 komponent z MDX do JSON a strukturovaná data daly agentům přesnější odpovědi s přibližně 80 % méně tokeny než Markdown. Zároveň se doporučuje psát do popisů komponent ve Figmě záměr (k čemu komponenta slouží a s čím se kombinuje), ne jen specifikaci. [zdroj](https://www.supernova.io/blog/what-is-an-agentic-design-system) · [zdroj](https://www.intodesignsystems.com/agentic-design-systems) - **[HTML a média proudí do Figmy přes MCP](#/a/2026-11-09-figma-mcp-html-weave)** – Figma MCP má nové nástroje `html_to_figma` (HTML vygenerované agentem převede na upravitelné vrstvy) a `generate_image`; od 26. 10. jsou přes MCP dostupné i video a obrazové modely Weave za Weave kredity. Code layers jsou od 4. 11. placené z AI kreditů, takže se vyplatí hlídat, kde kredity utrácíš. [zdroj](https://help.figma.com/hc/en-us/articles/43663368947863-What-s-new-from-Config-India-2026) · [zdroj](https://releasebot.io/updates/figma) ## Návrhy pro tool-stack a workflow - **Guidelines k vlastní knihovně** – Pravidla, která opakovaně píšeš do promptů pro Claude a Figma agenta, přesuň do Guidelines souboru u publikované knihovny. Přínos: agent je použije sám a výstupy budou konzistentní bez dlouhých promptů. První krok na 15 minut: sepiš pro jednu sadu komponent (třeba formuláře) pět pravidel „dělej / nedělej“ a vlož je jako Guidelines. [zdroj](https://help.figma.com/hc/en-us/articles/43663368947863-What-s-new-from-Config-India-2026) - **Záměr v popisech komponent** – Doplň do description u klíčových komponent, kdy je použít, kdy ne a s čím je kombinovat. Přínos: Figma MCP i Figma Console MCP předají agentovi kontext, ze kterého vybere správnou komponentu místo nejpodobnější. První krok: přepiš popisy tří nejpoužívanějších komponent a v Claude Code ověř, jestli je agent při generování obrazovky skutečně volí. [zdroj](https://www.intodesignsystems.com/agentic-design-systems) - **Prototyp z kódu zpět do Figmy** – HTML/React prototypy z Claude Code vracej do Figmy přes `html_to_figma` místo screenshotů. Přínos: kolegové komentují a upravují skutečné vrstvy a design i kód vycházejí ze stejné obrazovky. První krok: vezmi jednu obrazovku existujícího prototypu, převeď ji přes Figma MCP a zkontroluj, zda sedí auto layout a napojení na proměnné. [zdroj](https://help.figma.com/hc/en-us/articles/43663368947863-What-s-new-from-Config-India-2026) ## Dnes vyzkoušej - **Rozšiř ikonovou sadu přes Figma agenta (~20 min)** – Ideální test nové funkce, která generuje upravitelné vektory podle stylové reference. 1. Ve Figmě otevři svou knihovnu ikon a vyber tři existující ikony jako referenci. 2. Požádej Figma agenta o čtyři nové ikony (např. export, filtr, sdílení, archiv) ve stejném stylu, s tahy místo výplní. 3. Porovnej tloušťku tahu, zaoblení a strukturu vrstev s originály a oprav odchylky. Výsledek: čtyři upravitelné ikony připravené k zařazení do knihovny a jasná představa, kolik ruční práce agent ušetří. [zdroj](https://www.figma.com/release-notes/) - **Hlídač natvrdo zadaných barev (~20 min)** – Než předáš prototyp vývoji, zjisti, kolik barev uteklo mimo tokeny. 1. V Claude Code otevři složku posledního HTML/CSS prototypu. 2. Zadej prompt: „Napiš skript, který v CSS najde všechny hex a rgb barvy, které nejsou v souboru s tokeny, a vypíše soubor, řádek a nejbližší token.“ 3. Spusť ho a nech Claude navrhnout náhrady za nejbližší tokeny. Výsledek: seznam úniků ze systému a hotová oprava jedním commitem. [zdroj](https://bizflowai.io/blog/figma-specs-and-code-layers-what-agents-can-now-do)