Awesome Claude Design

Claude Design — Anthropic Labs' AI design workspace. DESIGN.md files grouped by aesthetic family, remix recipes, prompt packs with example outputs, skills, video teardowns, and launch-week community signal.

Claude Design shipped April 17, 2026. Figma closed −4.26% the same day. YouTube split between "RIP frontend developers" and "another slop feature." This repo collects both.

Heads up — typo-squat alert. A repo named anthropic-claude-design/claude-design claiming to "download Claude Design" is NOT affiliated with Anthropic. The real product lives at claude.ai/design behind a Pro/Max/Team/Enterprise login. No download exists. Report the typo-squat.

📥 Download Resource

📥 ClaudeDesign.zip

Preview Gallery

What each aesthetic family actually looks like in production. Thumbnails are static screenshots of the public homepage of one representative brand per family. Click the image to open the live site, click the caption to open the working DESIGN.md in this repo.

Linear · editorial #fff / #0f0f14 / #5e6ad2	Ollama · terminal #000 / #fff / mono	Claude · warm #f4f3ee / #c96442 / #191817
ClickHouse · data-dense #181818 / #faff69 / magenta	Runway · cinematic #000 / magenta + cyan	Figma · playful #0acf83 / #f24e1e / #a259ff
Arc · glass #fff / radial pastel	The Verge · brutalist #ff6600 / #000 / #fff	Granola · indie #faf8f2 / warm glass

_{Screenshots are public-homepage stills used for editorial reference. Trademarks remain with their respective owners. See ATTRIBUTION.md for source URLs and refresh policy.}

Contents

• Preview Gallery
• What Is Claude Design
• Video Teardowns
• Comparisons
• Showcase
• Community Takes
• Feature Map
• Launch Timeline
• Quotas & Token Budget
• Official Resources
• X Signal
• DESIGN.md by Aesthetic Family
• Remix Recipes
• Picker: What Should I Use
• Prompts & Cookbooks
• Anti-Slop Kit
• Skills & Plugins
• Integrations
• Workflows & Recipes
• Long-Form Tutorials
• International Coverage
• Tips & Tricks
• Podcast Coverage
• FAQ
• Related OSS Projects
• Tag System
• Contributing
• License

---

What Is Claude Design

Anthropic Labs product. Conversation-to-artifact loop for prototypes, design systems, slides, one-pagers, landing pages, marketing graphics, brand videos. Powered by Claude Opus 4.7 (vision model). Research preview on Pro, Max, Team, Enterprise plans. Rolling out throughout launch day.

Three surfaces:

• Prototypes — from text, screenshot, Figma .fig, repo URL, or scraped live site
• Design systems — persistent per-project tokens/components via DESIGN.md; teams hold multiple
• Collateral — pitch decks, marketing pages, carousels, one-time posts, brand videos

Video Teardowns

Click thumbnail. View counts refresh live via shields.io.

Malewicz Skeptical senior-designer teardown	02ui · Murat Bayral vs Lovable head-to-head	WorldofAI Hype walkthrough	Ray Fernando Live blog redesign
Vivek Mishra Launch-day walkthrough	AI for Work System from prompt	Greg Isenberg Hands-on edges	Ramanpal Singh Beginner tutorial

Comparisons

Feature	Claude Design	Figma Make	Lovable	v0
Prompt → hi-fi	Yes	Yes	Yes	Yes
DESIGN.md native	Yes	No	Partial	No
Web capture	Native	No	Partial	No
Figma .fig import	Yes	Native	Yes	Partial
Export paths	Canva/PDF/PPTX/HTML	Figma	Full-stack app	React
Underlying model	Opus 4.7	GPT-based	Claude/GPT	GPT + Claude

Launch-week consensus: Claude Design wins design-system coherence, web capture, collaboration. Lovable wins full-stack shipping. Figma Make is safest for Figma teams.

Showcase

Real builds shipped with Claude Design — launch-week seed of 10 cards including pizza brands, landing pages, and complex design systems.

See showcase/README.md.

Community Takes

Hype

"The design system integration feels best in class for AI." — @petergyang

Pushback

"Another slop feature that will burn tokens." — r/ClaudeAI

Feature Map

Capability	Detail
Brand onboarding	Claude reads codebase + design files, builds system automatically
Web capture	Grab live elements from your site for 1:1 matching
Inline comments	Comment on specific elements directly in the canvas
Adjustment knobs	Live sliders for spacing, color, and layout
Code handoff	One-click bundle to Claude Code with CSS vars

Launch Timeline

• 2026-04-10: Canva announces collaboration with Anthropic.
• 2026-04-17: Claude Design + Opus 4.7 ship in research preview.
• 2026-04-17: Figma closes −4.26% following the announcement.
• 2026-04-18: First wave of teardowns from major design influencers.

Quotas & Token Budget

• Separate meter: Claude Design usage does not count against your chat limit.
• Vision overhead: Vision tokens cost ~3x text; screenshots inflate the budget.
• Promo credit: One-time credit for ~20 prompts, expiring 2026-07-17.

Official Resources

• Official Launch Post
• Claude Design Workspace
• Anthropic Prompt Library

DESIGN.md by Aesthetic Family

1. Editorial Minimalism: Whitespace, high-end typography (Linear style).
2. Terminal-core: Mono-spaced fonts, strict grids (Ollama style).
3. Warm Editorial: Soft tones, clay accents (Anthropic style).
4. Data-Dense Pro: High info density, sidebar-heavy (ClickHouse style).
5. Cinematic Dark: Deep blacks, neon glows (Runway style).
6. Playful Color: Vibrant palettes, rounded corners (Figma style).
7. Glass / Soft-Futurism: Translucency, pastel gradients (Arc style).
8. Neon Brutalist: Sharp edges, thick borders (The Verge style).
9. Cult / Indie: Non-standard layouts, experimental UX (Granola style).

---

Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

License

MIT