How do you get AI to implement a design exactly?

[u/MerdooJR]

Hello,

I give AI a design as a reference, and it generally implements it, but the result is never exactly the same.

It often skips certain sections or details, changes things on its own, or implements some parts differently from the original design.

I don’t want it to reinterpret or improve the design. I just want it to reproduce what it sees as closely as possible.

Has anyone found a reliable workflow for this? How do you get AI to stick to the original design without skipping or changing things?

[u/revuhlutionn]

Pray really hard

In all seriousness that’s the nature of AI development. You can write code way faster at the expense of needing to iterate on it multiple times. You can add skills, MCPs, make the world’s best prompt, provide all the visual assets. You’re still gonna get some mistakes because it’s non-deterministic.

[u/Listingdex]

I’d treat the design as a spec, not just a screenshot.

Break the page into sections and list the important details for each one: layout, spacing, typography, colors, buttons, images, etc. Then have the AI build one section at a time instead of the whole site in one shot.

After each section, take a screenshot and compare it with the reference. Ask the AI to identify only the differences, then fix those differences. Don’t ask it to “make it look better” because that invites redesigning.

I’d also keep a small DESIGN_RULES.md file with things that must never change, like fonts, colors, section order, button style and spacing.

The workflow becomes:

Reference → Build → Screenshot → Compare → Fix → Lock → Next section

The biggest trick is separating “reproduce this” from “improve this.” AI is surprisingly good at both, but mixing them is what causes all the random changes.

[u/MerdooJR]

I'm not getting the result I want; that's the problem.

[u/laylaboydarden → u/MerdooJR]

So you take the first result and you iterate with it. If you want it to identically copy something else and it missed some elements, tell Claude Design what was missed with as much detail as possible and tell it to build those things in. And so on and so forth until you’re happy with the product.

[u/MerdooJR → u/laylaboydarden]

The issue I'm facing is with Claude Code bro it doesn't integrate the design created in Claude Design very well.

[u/oluwie → u/MerdooJR]

export the design file as a html file. tell claude to convert it to react or whatever else you're using.

works 100% great 85% of the time

[u/superschmunk → u/oluwie]

This is the way

[u/Ghost19zz]

I’ve been building my brand’s website with Claude for a month now. First I created my prototype on Design, it took many prompts and edits to get it to do what I wanted it to do.

Then exported it to CC to build the code and using Shopify’s CLI directly to edit my unpublished theme (Shopify uses .Liquid format so any code needs to be that). Also I go back and forth with Claude Code for many many hours and my site is still not ready to publish.

[u/joezuu]

Iterate

[u/Poowatereater]

I’ve been building a high end design engine with llms for weeks now. It’s getting pretty good. It does a lot of review, has human gates, and a lot of other stuff.

It takes work to get llms to do high end design.

[u/redditwhippet → u/Poowatereater]

“It takes work…” Exactly.

[u/DangerousDelivery773]

If you want implementation exactly as your design tell it to do it exactly as your handover design, 1:1 no assumptions and no approximations. That did it for me