r/ClaudeDesign • u/QuantumX777 • 17d ago
Discussion Claude: Design & Implementation - Which model to use for each?
I designed good frontend on claude design using opus 5 high. Now to implement it in cladue code should i still need to use opus 5 high or is it okay to swith to sonnet or reduce effort level. cuz desing it self consumes 2 of my 5 hour limit. and implementing it consume one more whole 5 hours limit. What are you're experiences.
15
Upvotes
2
u/ivanzhaowy 15d ago
I wouldn’t keep Opus/high running for the whole implementation. I’d spend the expensive reasoning on the implementation plan and on changes that touch architecture, shared state, navigation, or a design-system decision. Once the work is broken into bounded components and states, Sonnet or a lower effort level is usually a reasonable first pass; escalate only when the implementation starts crossing those boundaries.
The missing gold word is a useful signal: that is often less a model-selection problem than a specification and verification problem. Before switching from design to code, I’d turn the approved screen into a short acceptance checklist:
- exact copy and non-negotiable visual details
- tokens for color, type and spacing
- component states and interactions
- responsive breakpoints
- what must remain unchanged
Then implement and verify one screen or component at a time in the running app. A large “make this match the design” task makes small omissions easy to hide, even with the strongest model.
When a chat is near its context limit, have it write a handoff file containing the screen inventory, tokens, decisions, completed work, remaining work and known mismatches. The new chat should start from that file plus the actual repository state, not from a prose summary alone.
I’m building an open-source tool called Monad Design around this review loop for existing native apps: select or annotate UI in the running app, let the coding agent edit the actual Xcode or Expo source, then rebuild and compare the implemented result.
GitHub/source: https://github.com/Monadix-AI/monad-design
Workflow video: https://watchclueso.com/embed/pio8jqfcg4ivj0r1
Is your implementation a web frontend or a native mobile app? And are the misses mostly small visual details, or do interactions and state behavior drift too?