Fix Claude Design sameness with a Firecrawl brand system

My notes

Summary

Claude’s AI design tool produces visually repetitive outputs by default, same fonts, animations, and layout patterns across all generations. The fix is to create a custom design system by extracting a website’s branding via Firecrawl and uploading that JSON to Claude’s Design Systems memory. Once stored, all subsequent design generations (slide decks, presentations, etc.) reference the brand guide automatically.

Key Insight

• Claude Design has a known “sameness” problem, Reddit flagged all outputs looking identical (generic fonts, animations, structure)
• Root cause: no brand memory by default; Claude generates from generic patterns
• Fix workflow:
  1. Go to Claude Design > Design Systems > Create
  2. In Firecrawl, paste the website URL and select “Branding” mode, it extracts a JSON branding guide (colors, typography, images)
  3. Upload that JSON to Claude’s Design Systems, this creates a persistent brand memory
  4. When generating any artifact (slide deck, doc, etc.), select that design system
• Claude then checks the design document during generation, producing on-brand output rather than generic defaults
• This is effectively prompt-engineering via structured brand context rather than ad-hoc instructions in each prompt