From wireframes to a styled screen, with Claude
Taking the April wireframes to a fully styled landing screen with Claude, and what styling taught me about working with AI.
Test a workflow where Claude does the build work and I refine the design in Figma
Most of my work can't be shared, so I built this one in the open.
A week after the wireframing session, I picked a direction for the landing screen and took it to full fidelity with Claude, then refined it myself in Figma. I also experimented with having Claude build out the design system the wireframes had only started.
The result: a styled landing screen with a "Let's get you checked in!" heading, tiles for choosing patient type (e.g. New Patient), and a privacy notice. That same day, I also swapped its cool palette for a warm one.
What worked
- A thinking partner, not just a tool. I used Claude to bounce ideas around and to talk through the big ideation step in smaller pieces. It gave more meaningful insight than I expected.
- Real speed. Wireframes that usually take me 10+ minutes to set up took under a minute, as long as my prompt was clear, concise and informative.
- Setting expectations. Going in knowing Claude won't get it right on the first try kept the loop productive: prompt, review, refine.
What didn't
- Design tokens needed cleanup. I had to fix a lot of how tokens were applied.
- Soft visuals are a weak spot. Gradients and softer blending didn't come out the way I wanted.
- My prompts weren't there yet. I was still learning how to prompt for something as structured as a design system. Looking back, most of the cleanup traces back to prompts that were too thin.
Most of my work can't be shared, so I built this one in the open.
The wireframes showed what the product does. Styling is where it starts to feel like something people would trust.
Most of my work can't be shared publicly, so I wanted a project I could build in the open.
Design is also moving toward a place where AI is a core part of a designer's toolbox, and I wanted hands-on practice, not just reading about it.
And it was a chance to take what I've been learning at work and put it to use in my own projects.