--- title: 3 Simple Tricks That Will Help You Iterate Your Design... description: Three prompting techniques improve iteration when using Claude Design for UI work: making a local edit and asking Claude to propagate it consistently across a... canonical: https://daily.dev/posts/3-simple-tricks-that-will-help-you-iterate-your-design-with-claude-design-rbzujmnnx twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: 3 Simple Tricks That Will Help You Iterate Your Design with Claude Design | daily.dev og:description: Three prompting techniques improve iteration when using Claude Design for UI work: making a local edit and asking Claude to propagate it consistently across a... og:url: https://daily.dev/posts/3-simple-tricks-that-will-help-you-iterate-your-design-with-claude-design-rbzujmnnx og:image: https://api.daily.dev/og/posts/RBzUJMnnx.png og:image:alt: 3 Simple Tricks That Will Help You Iterate Your Design with Claude Design og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # 3 Simple Tricks That Will Help You Iterate Your Design with Claude Design **[UX Planet](https://daily.dev/sources/uxplanet)** · 3 min read · 3 upvotes · 1 comments ## Summary Three prompting techniques improve iteration when using Claude Design for UI work: making a local edit and asking Claude to propagate it consistently across a layout, prompting Claude to list its assumptions about user, task, hierarchy, and interaction model before making changes, and prototyping interactive states (empty, loading, error, success) rather than just static happy-path screens. An example shows Claude Design generating a fully functional coded skeleton loading state for a banking app home screen. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I get Claude Design to apply a design change consistently across my whole layout? Edit or perfect one element first, such as a single card, modal, table row, or header, using direct edits or inline comments. Once that reference element looks right, prompt Claude Design in chat with 'Treat this as the reference and apply the same decisions everywhere,' and it will apply the same element-level refinements across the broader design. _daily.dev surfaces prompting techniques like this for designers experimenting with AI design tools._ ### How can I see what assumptions an AI design tool made about my product before it generated a layout? Ask the tool directly rather than guessing. Prompting Claude Design with 'List the assumptions you made about the user, task, hierarchy and interaction model' produces a summary of the context and specific design decisions it used, revealing gaps in its understanding of the product. _Designers refining AI-generated UIs can find more prompting patterns like this on daily.dev._ ### How do I prototype interactive states like loading or error screens with Claude Design instead of just static mockups? Explicitly ask for the specific state you need, such as empty, loading, populated, error, validation, success, or edge cases, rather than only the happy-path screen. For example, prompting 'Design a loading state for home screen - make it a skeleton screen' using an existing layout as reference produces a fully functional coded skeleton screen prototype, not just a static mock. _daily.dev helps developers and designers track practical techniques for AI-assisted prototyping._ ## Community discussion Top comments from developers on daily.dev. **@sandhyak** · 0 upvotes > The "state your assumptions before editing" step is the one I'd actually use daily — catching a wrong assumption about hierarchy or intent before any changes happen saves so much back-and-forth. Curious if it also flags conflicting assumptions or just lists them. ## Similar posts on daily.dev - [Claude For Code: How to use Claude to Streamline Product Design Process](https://daily.dev/posts/claude-for-code-how-to-use-claude-to-streamline-product-design-process-int5jtgxs) · UX Planet · 12 upvotes · 0 comments - [Rapid prototyping with Claude Code: How we transformed our design sprint process](https://daily.dev/posts/rapid-prototyping-with-claude-code-how-we-transformed-our-design-sprint-process-hiwzsceqm) · thoughbot · 0 upvotes · 0 comments - [How to Build Consistent Designs with Claude Code](https://daily.dev/posts/how-to-build-consistent-designs-with-claude-code-aghtj2ynp) · Towards Data Science · 1 upvotes · 0 comments - [Claude tips for 3D work](https://daily.dev/posts/claude-tips-for-3d-work-pm8a1qgyp) · Hacker News · 0 upvotes · 0 comments --- Tags: [#ui-design](https://daily.dev/tags/ui-design), [#claude](https://daily.dev/tags/claude), [#prompt-engineering](https://daily.dev/tags/prompt-engineering) [View this post on daily.dev](https://daily.dev/posts/3-simple-tricks-that-will-help-you-iterate-your-design-with-claude-design-rbzujmnnx) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"3 Simple Tricks That Will Help You Iterate Your Design with Claude Design","url":"https://daily.dev/posts/3-simple-tricks-that-will-help-you-iterate-your-design-with-claude-design-rbzujmnnx","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/3-simple-tricks-that-will-help-you-iterate-your-design-with-claude-design-rbzujmnnx"},"datePublished":"2026-08-17T21:23:26.938Z","dateModified":"2026-09-14T08:36:52.512Z","description":"Three prompting techniques improve iteration when using Claude Design for UI work: making a local edit and asking Claude to propagate it consistently across a...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/eaedd21e34b6ace73d9badbf825fc2e6?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/eaedd21e34b6ace73d9badbf825fc2e6?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"UX Planet","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"UX Planet","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/45df2b4bdc604c15aa75bc4e9c5f493c","url":"https://daily.dev/sources/uxplanet"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/3-simple-tricks-that-will-help-you-iterate-your-design-with-claude-design-rbzujmnnx","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"ui-design,claude,prompt-engineering","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"UX Planet","item":"https://daily.dev/sources/uxplanet"},{"@type":"ListItem","position":3,"name":"3 Simple Tricks That Will Help You Iterate Your Design with Claude Design"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/3-simple-tricks-that-will-help-you-iterate-your-design-with-claude-design-rbzujmnnx","comment":[{"@type":"Comment","text":"The “state your assumptions before editing” step is the one I’d actually use daily — catching a wrong assumption about hierarchy or intent before any changes happen saves so much back-and-forth. Curious if it also flags conflicting assumptions or just lists them.","datePublished":"2026-08-18T06:17:05.537Z","url":"https://daily.dev/posts/RBzUJMnnx#c-RwybKOpS0","author":{"@type":"Person","name":"Sandhya K","url":"https://daily.dev/sandhyak","image":"https://media.daily.dev/image/upload/s--SE6L2St6--/f_auto/v1788238316/avatars/avatar_F8a71aOthmGqz4gVFZpTi?_a=BAMAMicg0"}}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/3-simple-tricks-that-will-help-you-iterate-your-design-with-claude-design-rbzujmnnx#faq","mainEntity":[{"@type":"Question","name":"How do I get Claude Design to apply a design change consistently across my whole layout?","acceptedAnswer":{"@type":"Answer","text":"Edit or perfect one element first, such as a single card, modal, table row, or header, using direct edits or inline comments. Once that reference element looks right, prompt Claude Design in chat with 'Treat this as the reference and apply the same decisions everywhere,' and it will apply the same element-level refinements across the broader design. daily.dev surfaces prompting techniques like this for designers experimenting with AI design tools."}},{"@type":"Question","name":"How can I see what assumptions an AI design tool made about my product before it generated a layout?","acceptedAnswer":{"@type":"Answer","text":"Ask the tool directly rather than guessing. Prompting Claude Design with 'List the assumptions you made about the user, task, hierarchy and interaction model' produces a summary of the context and specific design decisions it used, revealing gaps in its understanding of the product. Designers refining AI-generated UIs can find more prompting patterns like this on daily.dev."}},{"@type":"Question","name":"How do I prototype interactive states like loading or error screens with Claude Design instead of just static mockups?","acceptedAnswer":{"@type":"Answer","text":"Explicitly ask for the specific state you need, such as empty, loading, populated, error, validation, success, or edge cases, rather than only the happy-path screen. For example, prompting 'Design a loading state for home screen - make it a skeleton screen' using an existing layout as reference produces a fully functional coded skeleton screen prototype, not just a static mock. daily.dev helps developers and designers track practical techniques for AI-assisted prototyping."}}]} ```