aiux
PatternsPatternsNewsNewsAuditAuditResourcesResources
Overview

Setup

  • What Claude Design Is (and Isn't)
  • Your First Prompt: The Four-Part Framework
  • Importing Assets: Screenshots, Docs, and Codebases

Iteration

  • Iterating via Conversation
  • Inline Comments and Direct Edits
  • Tweaks: Explore Variations Without Chat

Design-system

  • Extracting Your Design System
  • Publishing and Applying Your Design System
  • Team & Enterprise Setup

Workflows

  • Prompt to Interactive Prototype
  • Prompt to Pitch Deck
  • Handoff to Claude Code for Implementation
  1. Guides
  2. /
  3. Claude Design Guide for Designers
  4. /
  5. Iterating via Conversation
iterationLesson 4 of 12

Iterating via Conversation

2 min readClaude Design for DesignersUpdated Apr 21, 2026

Chat is the primary way to steer Claude Design. You're not prompting once and done, you're having a design review, in writing, with an AI that can make changes in seconds. The patterns that work in a real design critique work here too.

Here's an iteration pass on Lineup, asking Claude to add a sidebar to the kanban board we generated in the previous lesson. Watch how Claude reads the existing canvas, proposes the sidebar structure, and drops it in without disturbing the column layout.

Chat iteration on the Lineup kanban board: Claude Design adds a left-hand sidebar with navigation and filters while preserving the existing column layout
Iterating via chat. One message, one sidebar, existing layout untouched.

What chat is best for

  • Broad changes: 'Make the color scheme warmer' or 'Swap the hero and pricing sections'
  • Structural moves: 'Add a testimonial block between features and footer'
  • Alternative directions: 'Show me three layouts for the hero, centered, split, and full-bleed'
  • Content-level edits: 'Rewrite the headline to emphasize speed instead of accuracy'

What chat is slower for

  • Changing one specific element (use inline comments, next lesson)
  • Micro-adjustments to spacing or color values (direct canvas edits)
  • Producing variations (ask for sliders, lesson 6)

How to structure iteration messages

1

State what's working

Tell Claude what to keep. 'The hero layout is right; keep the three-column feature grid.' This prevents Claude from re-doing things you liked.

2

State what's not working

Be specific. 'The pricing cards feel cramped, too much text per card.' Much better than 'pricing looks bad.'

3

State what to change it to

Give direction, not just a problem. 'Reduce pricing cards to three bullet points each and use a lighter-weight body font.'

Opus 4.7 is the vision model behind it

Claude Design uses Claude Opus 4.7, Anthropic's most capable vision model. It reasons about your current canvas while processing your message, so references like 'the second feature card' work without extra context.

You can iterate via chat

  • Know what to ask chat vs. other tools
  • Can frame changes with keep-fix-direction
  • Aware of Opus 4.7 vision context

Next: targeting specific canvas elements with inline comments.

← Previous LessonImporting Assets: Screenshots, Docs, and CodebasesNext Lesson →Inline Comments and Direct Edits
← Back to Claude Design Guide for Designers overview

On this page

  • What chat is best for
  • What chat is slower for
  • How to structure iteration messages

aiux

AI UX patterns from shipped products. Demos, code, and real examples.

Have an idea? Share feedback

Get daily AI UX news

Resources

  • All Patterns
  • Browse Categories
  • Contribute
  • AI Interaction Toolkit
  • AI UX Audit
  • Agent Readability Audit
  • Newsletter
  • Documentation
  • Figma Make Prompts
  • Designer Guides
  • All Resources →

Company

  • About Us
  • Privacy Policy
  • Terms of Service
  • Contact

Links

  • Portfolio
  • GitHub
  • LinkedIn
  • More Resources

Copyright © 2026 All Rights Reserved.