# Give Claude Design an existing design system

> Choose a design reference, import its assets and review the result before reusing it.

Source: https://fullbytedeveloper.com/blog/claude-design-existing-brand-system
Keyword: BRANDKIT
Published: 2026-11-05

Open Design Agent Kit collects design systems, skills and examples that coding agents can read. Its repository includes a `claude-design-systems` directory [1]. I would choose one reference that fits the product before asking an agent to design a whole site.

## Choose the reference for your product

Browse the repository's design systems and examples [1]. Check the typography, navigation and content density against your own page. A dashboard reference and a reading-focused publication solve different problems.

## Add the system in Claude Design

Anthropic's setup guide describes creating a design system from supplied assets, including a codebase or design references. The system stores colors, typography, components and layout patterns for later work [2]. Follow the account-specific setup in that guide and supply the selected system's files.

## Review a real page before reusing it

Check a page containing your actual title, navigation and longest content. Look at narrow and wide layouts, link states and text contrast. Record the corrections in the system you reuse.

Keep your own branding and content. The repository supplies design material; you still need to decide which choices belong in your product [1].

## Sources

1. [Open Design Agent Kit repository](https://github.com/feimacode/open-design-agent-kit)
2. [Claude Help: set up your design system](https://support.claude.com/en/articles/14604397-set-up-your-design-system-in-claude-design)

## Original posts

- [Instagram reel](https://www.instagram.com/reel/DfMJWitDC_K/)
- [Facebook reel](https://www.facebook.com/reel/2500293150493193)
- [Threads post](https://www.threads.com/@fullbytedeveloper/post/DfMJVmYnJph)
- [TikTok video](https://www.tiktok.com/@fullbytedeveloper/video/7703094371687681286)