Skip to content
Članak Design Systems Collective apr 2026.

Design Systems Collective: od prompta do production-a sa Claude Design i Claude Code

O čemu govori članak

Objavljen u aprilu 2026. na Medium publikaciji Design Systems Collective, članak Abhija Chatterjeea odgovara na praktično pitanje o tome kako su Claude Design i Claude Code namenjeni da rade zajedno za produktne dizajnere — i da li je rezultujući radni tok realistično upotrebljiv za zamenu postojećeg ciklusa Figma-predaja u timovima koji već održavaju dizajn sistem.

Kontekst

Članak odražava period kada je Anthropic objavio oba alata — Claude Design (alat za vizuelno istraživanje) i Claude Code (agentni alat za generisanje koda) — i dizajnerska zajednica je shvatala kako ih povezati u upotrebljiv production radni tok. Design Systems Collective je Medium publikacija za praktičare koji rade na dizajn sistemima, i članak je napisan za dizajnere koji već imaju biblioteku komponenti, a ne za opštu publiku.

Ključni zaključak

Radni tok koji autor dokumentuje počinje u Claude Design sa brzim vizuelnim istraživanjem — generisanjem varijanti layouta, testiranjem rasporeda komponenti i brzim dostizanjem vizuelne namere bez izgradnje pune specifikacije. Ključni korak je predaja: korišćenje Export → Handoff to Claude Code, koje generiše paket koji sadrži dizajn fajlove, tokene dizajn sistema, strukturu komponenti i nameru iza svake stranice. Ovaj paket daje Claude Code-u zajednički kontekst, a ne samo vizuelni cilj.

Claude Code zatim koristi paket predaje za generisanje production-spremnog koda koji ostaje unutar ograničenja stvarnog dizajn sistema. Pošto tokeni i semantika komponenti putuju sa eksportom, rezultat se usklađuje sa definicijama sistema, a ne rekonstruiše ih iz screenshotova.

Autor je verifikovao da produktni dizajner realno može prototipovati sa production kodom kada je dizajn sistem dobro strukturiran — dizajn i kod dele isti jezik imenovanja i tokena, i AI ubrzava umesto da prevodi. Radni tok se lomi kada je dizajn sistem nedosledan ili kada se imenovanje komponenti razlikuje između Figme i kodne baze. Taj slučaj kvara je opisan eksplicitno, a ne prećutan.

Ko treba da čita

Vođe dizajn sistema i produktni dizajneri koji procenjuju da li da integrišu agentne alate za kod u svoj dizajn-razvojni tok, posebno u organizacijama gde je održavanje dizajn sistema već prioritet. Korisno i za tehničke lidere koji pokušavaju da razumeju šta predaja od Claude Design do Claude Code zapravo proizvodi i da li to odgovara njihovom procesu pregleda.