A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.

All 400+ design systems are on and they're free. Download the HTMLs or copy the DESIGN.md and prompt in Claude Design. Can't get easier to get top notch results. You can even remix the designs into different types: mobile, slides, motion design, etc. They're not your typical baseline AI, they're highly curated and what I actually use on my landing pages (my secret sauce). Lots of cool webgl, threejs, style variations, for different sections of a landing page.

Tried this yesterday. Fed it our existing site HTML and had a full redesign comp in minutes. No Figma round-trip. No designer handoff. Just describe, iterate, ship.

So good when you have solid html templates

woiuld you like to upload also some claude design ZIP archives to

this is the workflow. having a DESIGN.md with your design system tokens means Claude Design actually stays consistent instead of improvising a new aesthetic every time. game changer for anyone who's been fighting the default glassmorphism

the real unlock isn't the DESIGN.md itself, it's having Claude self-audit against a tokenized design system spec so drift doesn't compound across components. otherwise you get v1 clean, v4 Frankenstein. curious if your workflow pins versions or re-seeds every run

Figma → DESIGN.md → Claude is a clean chain. Found the same with CLAUDE.md for coding — structured files stick way better than prose prompts across sessions.

I can't stop working with Claude Design for over a day now

you managed to not run out of tokens?

Where are the 400 design systems?

it's on

Really clean workflow, turning design systems into something actionable.

Literally a hole in the matrix there. Please can I ask you a few questions? What is the budget for this and how is the fee?

You mean for a Pro account? Usually, you'd want 200 prompts a month so you can iterate on many design systems. The Pro plan is $25/m.

Haha I meant the server, host, API for AIs that work behind this. I will sure purchase a Pro account for this.

Claude is 20/m but severe limits atm. For design systems, you can get from neuform for free. For hosting, you can use aura, lovable, v0 or cursor (about 25/m), or if you're a bit more advanced, can connect to github/netlify (free with limits).

That’s clean. Simple flow and straight to the point. Makes getting started way easier.

that is a pretty awesome video, if you don't mind me asking, what did you use to do that? and is it hard?

I used a new video editor I'm working on. Will reveal soon.

quietly the most useful Claude tip i've seen all week

Does it only work with Claude?

Think this would work on square space CSS?

so many bot comments here wtf… so the general idea is to create a design.md file? not components to export to html?

curious how the 400+ design systems integrate. is it more a code-to-design or design-to-code translation?

Html

How many tokens?

Feeding Claude structured design documentation is the ultimate cheat code for consistent UI

Will Claude Design replace designers?

The same way figma replaces designers. It's a tool.