--- date: 2026-11-09 slot: special title: Speciál · Stav oboru podle lidí, které sleduješ lead: Agentní design systémy, Figma řízená přes MCP a týmové AI skills – co aktuálně řeší 2FRESH, Christine Vallaure, Simon Jun a další, a co si z toho vzít do vlastního stacku. --- ## Agentní design systémy - **Design OS od 2FRESH (Jakub Karlec)** – Prototyp vzniká rovnou v kódu, obrazovky se porovnávají vedle sebe na plátně, vizuální detaily se dolaďují v Pen (nebo Figmě), změny projdou lintem a vrací se zpět do kódu. Platforma je v uzavřené betě a na požádání do ní zvou. [zdroj](https://www.linkedin.com/in/jakubkarlec/recent-activity/all/) - **Design parity: obousměrná synchronizace Figma ↔ kód** – Článek 2FRESH o tom, jak přes AI udržet Figmu a kód ve shodě, aniž by kdokoli ručně překresloval komponenty. Hodí se jako předloha pro vlastní DS pipeline. [zdroj](https://2fresh.design/blog/jakub-karlec-co-founder-of-2fresh-%E2%80%93-zero-effort-design-parity-building-a-two-way-sync-between-figma-and-code-via-ai) - **Prototypování přes Storybook MCP (Christine Vallaure)** – Aby agent skládal obrazovky ze skutečných komponent, potřebuje manifest design systému generovaný z kódu (komponenty, varianty, výchozí hodnoty) a MCP, přes které se během práce ptá. Bez toho vzniká „lookalike“, který musí vývojář přestavět. [zdroj](https://www.linkedin.com/in/christinevallaure/recent-activity/all/) - **Přístupnost z kódu rovnou na plátno Figmy** – Kontroly přístupnosti běží v kódu a přes MCP se rozloží na plátno, kde o nich může rozhodnout design. Vallaure zároveň doporučuje aktualizovat Figma knihovnu směrem z kódu do Figmy, ne naopak. [zdroj](https://www.linkedin.com/in/christinevallaure/recent-activity/all/) - **Komponentová stránka ve Figmě za 12 minut** – Graphic Goose ukazuje, jak nechat AI vytvořit kompletní dokumentaci komponenty (anatomie, použití, animace) přímo ve Figmě bez vymýšlení. Navazuje na figma-console-mcp, který už sleduješ. [zdroj](https://www.linkedin.com/in/graphicgoose/recent-activity/all/) ## Figma vs. kód - **„Figma už není hlavní nástroj“** – Karlec popisuje, že část designérů Figmu opustila úplně a ostatní ji používají výrazně méně; zůstává hlavně na překvapivě specifické úlohy. [zdroj](https://www.linkedin.com/in/jakubkarlec/recent-activity/all/) - **Zpátky ve Figmě, ale kliká Claude (Simon Jun)** – Claude navrhuje ve Figmě přes MCP všechny varianty, lidé komentují jako dřív a Claude komentáře zapracuje. Testovat s uživateli v kódu, zpětnou vazbu od netechnických lidí sbírat ve Figmě. [zdroj](https://www.linkedin.com/in/simon-jun/recent-activity/all/) - **figma-comments-mcp** – Open-source MCP od Simona Juna, který Claude zpřístupní komentáře ve Figmě a FigJamu včetně vrstvy, ke které patří, a jejího renderu; umí i odpovídat a označovat vyřešené. Oficiální Figma MCP komentáře nečte. [zdroj](https://github.com/junsimon/figma-comments-mcp) - **Tokeny z Figmy rovnou jako pull request** – Plugin ve Figmě přeloží tokeny do konvence každé platformy, vygeneruje export a přes GitHub API otevře PR do správného repa. Údajně šetří 8 hodin handoffu týdně. [zdroj](https://www.linkedin.com/in/simon-jun/recent-activity/all/) - **Pen.dev – agentní plátno** – Nástroj Toma Krchy, který převádí web na plátno a generuje kód oběma směry; nově i jako plugin pro Codex. 2FRESH na něm dělali brand i case study. [zdroj](https://2fresh.design/our-work) ## Claude a týmové workflow - **Týmové skills jako plugin v GitHub repu** – Clipster drží nejlepší skills v jednom repu nainstalovaném jako plugin: jednotné postupy, verzování, rollback, onboarding nových lidí a řetězení skills do větších workflow. [zdroj](https://www.linkedin.com/in/simon-jun/recent-activity/all/) - **Stavový řádek v Claude Code (David Grudl)** – Jeden řádek pod vstupem hlídá ubývající kontext, předplatné i cache; bez něj se podle Grudla „jede naslepo“. [zdroj](https://www.linkedin.com/in/grudl/recent-activity/all/) - **Claude pro scénáře uživatelských rozhovorů** – Christina LeClaire připraví markdown soubory s cíli, plánem a profilem účastníků a z nich nechá Claude navrhnout discussion guide. [zdroj](https://www.linkedin.com/in/christina-leclaire/recent-activity/all/) - **Ranní to-do z Slacku, mailu a přepisů** – Skill + Notion šablona, která každé ráno projde zdroje a sestaví úkoly. [zdroj](https://www.linkedin.com/in/simon-jun/recent-activity/all/) - **Shrnutí z AI se mění v tikety bez kontroly** – Daniel Do upozorňuje, že AI shrnutí schůzek se bez revize mění v tikety a funkce; chybí člověk, který doplní, co AI vynechala. [zdroj](https://www.linkedin.com/in/-danieldo/recent-activity/all/) ## Vizuál, 3D a motion - **ThreeUI (Meng To)** – Open-source knihovna 160+ three.js komponent a landing pages, kopírovatelných jako prompty. Rychlá cesta k 3D hero sekcím bez vlastního Three.js kódu. [zdroj](https://x.com/MengTo) - **Shadery a animace: pen.dev + flip.studio** – Lukáš Pitter prozkoumal 87 shaderů (sklo, chrom, odrazy) a výsledek animoval ve flip.studio. [zdroj](https://www.linkedin.com/in/lukaspitter/recent-activity/all/) - **Ascente.design** – Skleněné efekty a animace čehokoli, ovladatelné i přes AI. [zdroj](https://x.com/abduzeedo) - **Vibe-coded nástroje na jedno použití (Charlota)** – V procesu tvorby identity si staví malé jednorázové nástroje na zkoumání variant; nejsou to výstupy, ale nástroje na přemýšlení. [zdroj](https://x.com/0xCharlota) ## Brand a web - **Online brand manuál místo PDF (Jiří Chlebus)** – Brand manuál jako „operační systém značky“ s pravidly pro lidi i pro AI; příklad Notino na Visualbooku. [zdroj](https://www.linkedin.com/in/jirichlebus/recent-activity/all/) - **Oprava AI webu typografií (Lukáš Augusta)** – Rozbor, jak stejný obsah z AI generátoru vyladit typografií a systémem bez změny směru; k tomu koncept „mikro-brandu“. [zdroj](https://www.linkedin.com/in/lukas-augusta/recent-activity/all/) - **AI obsah je lepší, ale podobnější** – Jakub Sodomka cituje experiment v Science Advances: texty s AI jsou kvalitnější, ale navzájem si podobnější. Argument pro vlastní hlas a referenční styl. [zdroj](https://www.linkedin.com/in/jakubsodomka/recent-activity/all/) ## Akce - **Smashing AI (online, 1. 12.)** – Brad Frost, TJ Pitre a Christine Vallaure o AI a design systémech, s Vitalym Friedmanem. [zdroj](https://www.linkedin.com/in/bradfrost/recent-activity/all/) - **Design Wellbeing Index** – Anonymní průzkum nálady v oboru, otevřený jen do 10. 11. [zdroj](https://www.linkedin.com/in/bradfrost/recent-activity/all/) - **Brno Bold 2026** – „Vypněte agenty a přijeďte do Brna.“ [zdroj](https://www.linkedin.com/in/jirichlebus/recent-activity/all/) ## Návrhy pro tool-stack a workflow - **Manifest design systému pro agenty** – Vygenerovat z kódu JSON se všemi komponentami, variantami a výchozími hodnotami a zpřístupnit ho agentovi (Storybook MCP nebo vlastní skill). Prvním krokem je seznam komponent s props z existujícího Storybooku. [zdroj](https://www.linkedin.com/in/christinevallaure/recent-activity/all/) - **Komentáře z Figmy přímo do Claude** – Nainstalovat figma-comments-mcp a zkusit na jednom souboru se zpětnou vazbou od klienta nechat Claude komentáře roztřídit a navrhnout úpravy. [zdroj](https://github.com/junsimon/figma-comments-mcp) - **Týmové skills verzovat jako plugin** – Pokud už máš firemní design skill, přidat do repa changelog, verzování a jeden řetězený workflow (např. kontrola obrazovky → lint tokenů → PR). [zdroj](https://www.linkedin.com/in/simon-jun/recent-activity/all/) - **Stavový řádek pro Claude Code** – Za 15 minut nastavit `statusLine` se zbývajícím kontextem a limitem předplatného. [zdroj](https://www.linkedin.com/in/grudl/recent-activity/all/) - **Přihlásit se do bety Design OS** – Vyzkoušet workflow kód → plátno → Pen → kód na jednom menším prototypu a porovnat s Figma Console MCP. [zdroj](https://www.linkedin.com/in/jakubkarlec/recent-activity/all/)