Holy sh*t I spent weeks turning Claude Code into a design studio. no Figma license. no agency. no plugins I had to pay for. here's the stack I used and it's embarrassingly simple: -> graphify: teach Claude your brand dump your guidelines, logos, PDFs and old projects into one... folder. graphify turns it into a knowledge graph, so every design Claude makes follows your rules instead of guessing. 134k stars, Y Combinator. uv tool install graphifyy -> graphify install -> /graphify . -> Figma-Context-MCP: Figma straight to code it hands your actual Figma file to the agent. the README says it builds designs in one shot, and does it better than pasting screenshots. -> Penpot: the open-source Figma free, open source, and its MCP server lets AI read and edit your designs, then hand them to code and back. -> React Bits: the "expensive" look, for free the biggest open-source library of animated React components. those smooth hover effects and text animations you see on high-end sites? copy, paste, done. -> HyperFrames: designs that move write HTML, get a finished video. made by HeyGen for AI agents. your landing page can now have its own launch video by tonight. claude plugin marketplace add heygen-com/hyperframes -> claude plugin install hyperframes@hyperframes -> MCP for Blender: 3D without learning Blender connects Claude to Blender. describe a scene, the agent builds and edits it in real 3D. the order that works: brand into graphify -> design in Figma or Penpot -> Claude builds it with React Bits -> HyperFrames makes the promo -> Blender adds the 3D hero shot the uncomfortable part: tools used to be the moat. now everyone has them for free. the only thing that still separates good design from AI slop is taste. and taste is the one thing you can't install. bookmark this. your next client will ask why you're suddenly so fast.show more

Your sense makes the difference. The solution is the relax way to make your idea real.

True hah

The tools are getting cheaper, but taste and creativity are still what separate great design from average work. Do you think AI can ever develop real design taste?

This is wild, as someone with a medical/bio background, this will be a game changer for students and researchers.

exactly

feeding it brand guidelines up front is the right move. models drift fast without that context, so a rules folder it reads first probably saves you the most rework.

probably yes

Damn man that's looks so good

How. Its a huge project

Big time

Thanks for sharing. Looks great!

Welcome mate

One shot from Figma gets you a picture of the component. My agent pipeline built a chat input from its spec, lint, build and review all green, and the text field was a <p>. Figma shows how states look, not what the user does.

i still have to write the look into the prompt. if i don't i get the same gradient as every other generated site lol

Time will fix that

maybe. i still put the font and the spacing in the prompt or it decides for me

This is simply AMAZING 🤩🤩🤩

That's super impressive! It's amazing what you can do without all the usual tools.

Same energy here. I've been using Claude Code as a motion studio: whole music videos in three.js, frame by frame. This one is about --dangerously-skip-permissions:

is there any research on this?

Apparently

Thanks for showing what it looks like from the inside

This was a complicated one

Is this hosted somewhere or is there a git repo?

repos

How do you check that the output actually follows the brand guidelines? A few reference screens plus a review checklist would be an interesting test.

Need of the moment 🙌

the tools are becoming commodities fast the real edge is knowing what to build and having the taste to make it look intentional

For real mate with more use cases every day

react bits is so underrated

i think your brand docs do more work than the tools.

Appreciate

does graphify actually pick up the brand from old projects or mostly just the colors

this is gold

@bot save these links and description for me for future reference

good job !

https//github.com/NekomyaDev/Nudge

the brand dump step is the one everyone skips, and it's exactly why most agent output looks like it came from the same place

Nice

The brand references are a smart place to start. A few examples of what not to make can be just as useful as a palette and a logo when you're trying to keep the output consistent.

having the brand docs in a graph doesn't tell you whether the finished design follows them

Fascinating. I am going a different approach. Took me about a week once I realized what was possible

hah me too

Feeding it the brand first is the step most people skip, and it shows. One thing that helped us: keep colours and fonts as theme tokens, so a later change is one value instead of 40 classes.

😮‍💨😮‍💨😮‍💨

Graphify is the part I haven't tried — does it handle logo/visual consistency across outputs, or is it more about guidelines and tokens?

the brand folder step is the one people skip. without your real guidelines in there every claude design drifts toward the same rounded cards and purple gradients