Comment on the screen, not the code.

Design mode is the friendly way in: your product renders on a canvas, you point at what should change, and the designer agent edits the real files while you watch. Built for people who never want to open a terminal.

Design mode: comment on the screen, not the code.

Your product renders on a canvas while the designer agent builds it. Point at anything — a button, a card, the sidebar — leave a note in plain language, and send the batch. The agent replies, edits the files, and the screen updates in front of you. No code, no terminal.

Onboarding — first runFit · 1280 · 390
Acme Field Service
Boiler service — 41 Elm St
9:00 · assigned to Priya
Leak inspection — 8 Dock Rd
14:00 · assigned to Marco

Try it — hover the app, click an element to pin a note, then send your notes to the designer and watch the screen change.

It builds you a design system as it goes.

Every component the designer produces lands as real files in your repo — buttons, inputs, cards, tokens — and the gallery renders them live as they're built. When a sprint later implements the product, it builds from these exact pieces.

Your design systemdesign-system/ · updates live as the designer works3 built · 1 building
Components
PrimarySecondary
Button
components/button
Workspace nameSearch or type…
Input
components/input
Ship the onboarding flowMC-241 · in progress
Task card
components/task-card
Building badge
Badge
components/badge
Building empty state
Empty state
components/empty-state
Design tokens
tokens.css
Real files in your repo — every card is a live render of component.html, sandboxed, scripts off.

Download SprintEngine Studio.

Download the studio for free and bring the subscriptions you already have.