Pre koho je tento návod

Potrebuješ brand kit, farby, typografiu a komponenty pre svoju firmu, ale grafika nemáš a agentúra chce 3 000 eur a 3 týždne. Claude Design ti postaví kompletný design systém za 5 minút z jedného promptu, a ty ho potom dolaďuješ cez inline komentáre. Pre foundera, majiteľa e-shopu alebo freelancera, ktorý chce vyzerať profesionálne zajtra, nie o mesiac.

Tento návod rieši jednu konkrétnu vec: generovanie celého design systému (brand kit + komponenty + high fidelity screens) z jedného promptu. Iné workflows ako pitch deck, landing page alebo social ads máš v 15. Claude Design — pitch deck, landing page a wireframe za pár minút.

Ako na to (tutorial z reelu)

1. Registrácia: otvor claude.ai/design. Potrebuješ Claude Pro, Max, Team alebo Enterprise účet. Design je v cene, neplatíš nič extra.
2. Nový design systém: v UI klik na New design system.
3. Info o brande: vyplň názov, odvetvie, ICP, hlavný benefit. Voliteľne pripoj GitHub repo alebo Figma súbor, ak už niečo existujúce máš.
4. Master prompt: nižšie máš kompletný prompt s placeholdermi pre tvoj brand. Skopíruj, vyplň 6 polí, vlož.
5. Generate: klik generate. Claude si postaví task list a vybuduje brand kit plus komponenty.
6. Review brand kit: skontroluj farby, typografiu, logo concept. Ak niečo nesadne, povedz konkrétne čo zlepšiť. Claude upraví len ten element, zvyšok nechá.
7. High fidelity: keď je brand kit v poriadku, zvoľ high fidelity a začni generovať konkrétne screens (landing, dashboard, email, pitch slide, whatever).

Master prompt na skopírovanie

Nahrad 6 polí v hranatých zátvorkách svojimi hodnotami. Všetko ostatné nechaj tak.

Postav mi kompletný design systém pre [NÁZOV FIRMY], čo je [TYP FIRMY, napríklad B2B SaaS pre účtovníkov, e-shop s outdoor vybavením, konzultačná firma pre founderov].

Cieľová audiencia: [ICP v jednej vete, napríklad majitelia účtovných firiem s 2-10 ľuďmi, ktorí strácajú 10 hodín týždenne na rutine].

Hlavný benefit: [v jednej vete, napríklad ušetríme im 10 hodín týždenne cez automatizovanú kategorizáciu a reporting].

Brand vibe: [3-5 prídavných mien, napríklad premium, minimalistic, warm, trustworthy, contemporary].

Farebná preferencia: [napríklad warm neutrals s jedným výrazným akcentom, alebo monochromatic + electric lime, alebo high contrast black/white + jeden accent].

Font preferencia: [napríklad Inter pre body, Fraunces pre headlines, alebo Manrope all-in].

Požadované výstupy:
1. Color palette: 1 primary accent, 1 dark text, 1 warm neutral background, 1 success state, 1 warning state. Žiadna červená ako primárna brand farba.
2. Typography: headline font plus body font, typografická škála od h1 po small, line-height pravidlá.
3. Logo concept: 2 až 3 varianty, wordmark alebo kombinácia symbolu a textu.
4. Komponentový katalóg: button (primary/secondary/ghost), input, card, nav, modal, toast, badge, table.
5. Spacing scale: 4px grid.
6. Shadow scale: 3 úrovne (subtle, medium, elevated), diffused a soft, nie sharp.
7. 3 ukážkové screens v high fidelity: landing hero, dashboard alebo produktový screen, email template.

Design rules (HARD, neporušuj):
- Žiadne farebné left-border cards (cheap AI look, agentúrny template).
- Buttons 8px border-radius, produktové obrázky 0 radius (sharp).
- Hierarchiu rieš typografiou a spacingom, nie border lines.
- Žiadne emoji ako ikony v UI.
- Žiadne em dashes v ukážkovom copy.
- Premiová, editorial estetika.

Export: Figma súbor plus HTML tokens (colors, typography, spacing) ako design-tokens.json.

3 vyplnené príklady (kopíruj ten, ktorý ti sedí)

A) B2B SaaS pre účtovnícke firmy

Postav mi kompletný design systém pre LedgerFlow, čo je B2B SaaS pre malé účtovnícke firmy.

Cieľová audiencia: majitelia účtovných firiem s 2 až 10 zamestnancami, ktorí strácajú 10 hodín týždenne na rutinnej kategorizácii transakcií a klientskom reportingu.

Hlavný benefit: Ušetríme im 10 hodín týždenne cez automatizovanú kategorizáciu a generovanie mesačných reportov klientom.

Brand vibe: precise, calm, trustworthy, professional, contemporary.

Farebná preferencia: warm neutrals (off-white background, warm gray surfaces) s jedným hlbokým navy ako primary accent. Žiadne ostré modré, pôsobí ako ďalšia fintech kópia.

Font preferencia: Inter pre body, Fraunces pre headlines. Serif headlines signálujú autoritu a trust pre finance audienciu.

Požadované výstupy a design rules viď štandard v master prompte.

Export: Figma plus design-tokens.json.