Compare an implementation with its Studio design
Review the running application and send focused feedback to its implementation agent.
Last updated 23 September 2026
Use Compare in the Studio header to bring the implementation preview alongside the design. The application must be running through its normal development setup; Compare does not implement or start its services for you.
Review the result
Open the saved design and choose Compare beside Implement.
Open the running application in the implementation preview and visit the screen you want to review.
Compare content, typography, spacing, colors, and layout with the Studio screen.
Try the application’s real navigation, forms, loading states, and errors. Check relevant viewport sizes and keyboard interactions.
Send focused review feedback through the preview, naming the observed and expected result.
Use Close Compare to return to the design workspace. Recheck the affected behavior after the implementation agent makes a correction.
Where feedback goes
Review feedback targets the linked implementation agent and includes a saved Studio snapshot. Save pending design changes before submitting it. A Solo preview accepts reviews only for its own linked implementation agent.
Design changes after implementation
An earlier handoff stays fixed. If the intended design changed after it was implemented, prepare a new handoff and describe what should change. A matching screenshot does not establish that production data, validation, or authentication works.