Claude Design, și gestul care deblochează totul
Claude Design este instrumentul Anthropic Labs pentru a crea design-uri, prototipuri și pagini colaborând cu Claude. Cu ultimul update a învățat să respecte design system-ul tău în loc să scoată obișnuitul mockup generic.
Gestul practic, pentru că aici se blochează mulți: deschizi claude.ai/design, creezi un proiect nou și în chat lipești promptul împreună cu linkul „pentru agent" copiat din Clips. Atât. Niciun fișier de încărcat: Claude deschide linkul singur, citește transcriptul și se uită la cadre.
De aici am încercat două căi, iar rezultatele se schimbă vizibil.
Calea A: fără design system
Pornesc curat: îi dau lui Claude Design linkul „pentru agent" al Clip-ului și îi cer să replice linktree-ul în stilul arătat în video. Niciun design system în amonte.
Citește și reproduce ce se spune în transcript, aici găsești imaginile
(cadrele) și transcriptul https://clips.agent-native.com/api/agent-context.json?id=gu8pAvt2knDU.
Rezultatul îl descarci direct (sau îl exporți, de exemplu în PDF, sau îl conectezi la o platformă precum Vercel ca să-l pui online). E bun, surprinzător pentru efortul depus. Dar, sincer, fără un design system agentul „interpretează" stilul: prinde sensul, nu detaliile fine.
Calea B: cu design system
Un design system este ansamblul de culori, fonturi, spațieri și componente ale brandului tău: regulile după care trebuie să arate lucrurile. Claude Design îl poate importa dintr-un fișier, un repository sau asset-urile pe care i le oferi, așa că pornești de la brandul tău în loc de la zero.
Citește și reproduce ce se spune în transcript, aici găsești imaginile
(cadrele) și transcriptul https://clips.agent-native.com/api/agent-context.json?id=gu8pAvt2knDU. Design system-ul AI Pratika îl ai dejaAcelași video, același link, dar acum Claude Design are componente aprobate pe care să construiască, iar înainte de a-ți arăta rezultatul îl compară cu design system-ul.
Diferența se vede fără să fie nevoie de explicații. Design system-ul nu e un moft de nerd: e diferența dintre „drăguț" și „publicabil".
Să sari peste design system e scurtătura pe care o plătești mai târziu. Fără el, agentul ghicește stilul și tu petreci o jumătate de oră aranjând manual ce un design system i-ar fi dat deja gata.