Make your layout clear.
Help your agent understand.
Simple wireframes for layout. Clear notes for requirements.
Your agent reads the same design you see.
Welcome back
Phone number
Verification code
① Sign-in buttonValidate the phone number and verification code on click.
Continue to the home page on success; show an error beneath the form on failure.
Continue to the home page on success; show an error beneath the form on failure.
Alignment without the effort
Place and resize components on a precise grid to quickly arrange phone or desktop pages.
Intent, right on the canvas
Keep component names, display text, and implementation notes separate. Annotation numbers connect the layout to its requirements.
Share the same design
Deliver prototype images and complete notes directly to your coding agent over MCP.