Nate Parrott - How a Side Project Became Claude Design

By Dive Club

Categories: Product, Design

Summary

Claude Design started as a single engineer's side project using Claude to generate UI mockups from screenshots. By treating AI as a "junior designer" and requesting 5-6 variants across every design element, Nate Parrott discovered a workflow that combines human taste with AI's rapid iteration speed—enabling prototyping impossible in previous eras.

Key Takeaways

  1. Use volume to compensate for AI taste gaps: Request 5-6 design variants for each element, then filter through your judgment. This 'prompt first' approach treats Claude as a junior designer, not a replacement.
  2. Build interactive controls instead of static outputs. When uncertain about parameters (colors, animations, spacing), ask Claude to generate UI sliders or pickers rather than manually tweaking code—reduces design iteration time dramatically.
  3. Rapid prototyping unlocks features that wouldn't survive traditional design review. Nate notes entire feature sets in Claude Design wouldn't exist without the ability to test ideas in minutes instead of days.
  4. Use AI for high-level exploration before precision work. Start with Instagram-style theme sliders to eyeball direction, then dial in exact color tokens—saves hours vs. manual color token adjustment in Figma.
  5. Iterative feedback loops work better than single prompts. Ask for variants, pick favorites, then request 'six more options in that vein' with specific guidance—AI improves with conversational refinement.

Related topics

Transcript Excerpt

Did you know claw design started off as a side project by one person? Cloud code is just text, right? What if I just paste a bunch of screenshots from the terminal from cloud code into you so that you know what the interface looks like and then I ask you to like mock up stuff by outputting essentially ask. And I asked Claude to do this and like Claude actually did an okay job. Like it wasn't perfect. None of the bars lined up, but it was enough to be like whoa like Claude can actually make mockups. So, I built this internal tool that was what became client design, which was just an agent plus [music] the ability to output HTML. >> What's it like leading design of a project like this inside of Enthropic? >> We never would have prototyped it in the previous era, but we were able to do it. An…

More from Dive Club