All designs are human-made. I’ve been experimenting with using my existing Webflow and Framer designs as references when building websites with Claude. One thing I’ve noticed is that vague instructions like “make me a modern SaaS website” don’t give much design direction. So I’ve been approaching it differently: Start with an existing visual reference. Tell Claude which layout details to preserve. Give it specific instructions about typography, spacing, and interactions. Build and refine sections individually instead of trying to perfect the entire page at once. I’m a designer first, so I’ve been using designs I’ve already made rather than asking AI to invent the entire visual direction. I also organized my design collection into Oversight Supply, which includes free interactive sections people can use as references. The paid library isn’t itself a Claude Code project; it’s my original design collection that I’m experimenting with in AI-assisted workflows. Curious if anyone here has found a better approach to visual accuracy when working with Claude Code. Free sections: https://supply.madebyoversight.com/sections submitted by /u/Danteboiz420
Originally posted by u/Danteboiz420 on r/ClaudeCode
You must log in or # to comment.