Back to directory

Awesome Claude Design

A collection of ready-to-use DESIGN.md files, each describing a brand's visual language, that Claude Design can expand into a full scaffolded UI design system in one step.

Awesome Claude Design

Awesome Claude Design is a collection of DESIGN.md files, each a plain-text description of a design system's tokens, rules, and rationale in a format meant for design-focused AI agents to act on. Uploading one to Claude Design, Anthropic's design workspace, scaffolds color tokens, a type scale, buttons, cards, navigation, and a working UI kit that stays organized and inspectable in the project.

The project explains the DESIGN.md concept, contrasts it with a Figma export or a brand guideline PDF, and links to preview pages for each design system in the collection so a user can inspect one before downloading its DESIGN.md and feeding it to Claude Design.

It is MIT licensed.

More in Design tools

See all 97
  • Wave

    wave.subworkflow.ai

    A browser-based tool for designing layered gradient wave backgrounds, with a colour wheel per layer, presets and shape or colour shuffling, exported as a looping MP4 or GIF.

  • SpikeUI

    nimoxi.com

    A visual, WYSIWYG UI designer that exports a design directly to HTML, CSS and JavaScript or to a native Windows application, sold as a one-time purchase with no subscription, and including a built-in AI assistant that can build components from a description.

  • Bastardica

    bastardica.mitpit.com

    A browser tool that mixes, stretches, and squishes two fonts together glyph by glyph, exporting the result as a downloadable TTF, OTF, or WOFF2 web font.