The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Day 5 of my Personal Daily Creative Challenge
This one was a bit of a shift from design into building.
I explored using Claude Code to turn the Demetra concept into a faux 3D interactive asset.
Still early, but it’s been interesting using AI as a creative collaborator rather than just a tool, especially for translating ideas into something interactive much faster.
Impressive work
Thanks man!
Thank you Monic!
Impressive
Nice!
Thank you Madob!
real cool stuff
Thank you Steve!
This is interesting.. Great work
Really Amazing work🔥👏👏
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
3 days. 2 prompts. 1 wedding website.
Wanted to stress-test Claude Design on something I genuinely care
about: 👰🏼♀️The website for my wedding in September. 10 years with my
partner Agus, real deadline, real guests, no room for "AI template" energy.
Here's what I learned by day 3:
Claude Design is not a standalone tool. It's a layer in a stack.
The actual workflow that worked for me:
→ Claude (chat) — drafted the brief, defined palette, structured
the 13 sections before opening the canvas
→ Claude Design — executed in 2 prompts. All 13 sections. Live
countdown, RSVP form, copy-to-clipboard buttons. The skeleton
was real.
→ Claude (chat) again — debugged outputs, regenerated my CSS when
I hit my weekly limit, planned the next surgical prompt
→ Claude Code (next) — will wire the RSVP form to Google Sheets
What surprised me:
✦ Reading my SVG monogram + brand brief and producing a coherent
first pass
✦ The Tweaks panel — custom sliders that don't burn tokens
✦ How fast 70% of the structure appeared
Where it hit the wall:
✦ Burned my Pro daily allowance in 2 prompts. Inline comments
cost credits too.
✦ The Tweaks panel generates a .jsx file that silently overrode
my hand-edited CSS. Lost 20 minutes wondering why nothing
changed.
✦ Some elements weren't selectable. Decorative star ornaments I
wanted to delete? Couldn't click them. Had to spend a full
chat prompt asking Claude to remove them.
✦ The output was structurally there but emotionally generic. The
small details — animation timing, hover micro-interactions,
the curated feel of a hand-crafted page — those still need a
human and a tool like Framer.
🤔 The verdict:
Claude Design replaces the blank page. It does NOT replace the
designer's craft. It's an incredible preview-to-final-web step,
not the destination.
For me, the real magic is the loop. Use Claude to plan. Claude
Design to scaffold. Framer (or your tool of choice) to give it
soul.
What's your stack? 👇
Such a transparent look at the 'loop'!
As a Social Media Manager, I’m curious when Claude hit the wall on 'emotionally generic' elements, did you find that adjusting the prompt for high-fidelity micro-interactions was worth the token burn, or was it faster to just move the 'scaffold' into Framer for that curated feel?
Awesome!
Could Claude Design replace your first design sprint?
I tested Claude Design to build a Personal Financial dashboard interactive prototype — starting with nothing but plain language and rough Figma screenshots. Here's my honest take:
✨ What wowed me
The depth of product logic genuinely surprised me. It didn't just lay out components — it thought like a product designer. It generated an insight like "If you increase your monthly contributions by £100, you'd end up with £112K" in the relevant section. Something I hadn't even thought to include.
🟡 The icons and layout felt warm and considered from the very first generation.
🟡 It even brought a lightweight design system: edit/set your fonts and background, and it updates across the entire prototype.
🟡 And before building anything, Claude Design asks thoughtful questions about your colour choices, fonts, and intent, which genuinely helps you spend your tokens wisely.
🚧 What it can't replace yet
The interaction layer. Some interactions worked, some were just layout — and for a mid-fidelity prototype, I get it. But crucial interactions need to function. That said, I think Claude Code will eventually sort this out.
The verdict? Claude Design isn't replacing Figma or a senior product designer anytime soon — but the thoughtfulness it brings to the first draft is genuinely impressive.
Have you tried building a prototype with AI yet? What was your experience? 👇
♥️ Btw, if anyone's interested in the product, I'm actually close to the final version! Follow @clearday.financial.dashboard for updates, stay tuned! 👀
good job
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?