Speciál · Stav oboru podle lidí, které sleduješ

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
• 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
• 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
• 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
• 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

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
• 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
• 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
• 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
• 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

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
• 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
• 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
• Ranní to-do z Slacku, mailu a přepisů – Skill + Notion šablona, která každé ráno projde zdroje a sestaví úkoly. zdroj
• 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

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
• Shadery a animace: pen.dev + flip.studio – Lukáš Pitter prozkoumal 87 shaderů (sklo, chrom, odrazy) a výsledek animoval ve flip.studio. zdroj
• Ascente.design – Skleněné efekty a animace čehokoli, ovladatelné i přes AI. zdroj
• 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

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
• 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
• 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

Akce

• Smashing AI (online, 1. 12.) – Brad Frost, TJ Pitre a Christine Vallaure o AI a design systémech, s Vitalym Friedmanem. zdroj
• Design Wellbeing Index – Anonymní průzkum nálady v oboru, otevřený jen do 10. 11. zdroj
• Brno Bold 2026 – „Vypněte agenty a přijeďte do Brna.“ zdroj

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
• 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
• 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
• Stavový řádek pro Claude Code – Za 15 minut nastavit statusLine se zbývajícím kontextem a limitem předplatného. zdroj
• 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