Making changes

The example · Northwind Web's main is v0.4.2. Ananya wants a branded checkout: a brand-colour Pay button and a promo code field.

View and Edit

Every canvas has one switch at the bottom: View to look, copy values and preview; Edit to change. Edit is for Can edit, Can merge and Owner.

Your draft

The first change you make starts your draft: your changes for this branch, saved as you go, seen only by you. The top bar counts them.

Northwind/Northwind Web/main · v0.4.2

2 changesReviewKBRSAK

Pages · 12

Home

Product

Cart

Checkout

Order placed

northwind

Checkout

you@example.com

Card

1234 1234 1234 1234

Promo code

Optional

Pay $48.00

Order

Shirt$38

Ship$10

Total$48

Button · Solid

Fillchanged

brand/500

was ink

Radius

radius/sm · 4

Width

Hug

ViewEdit Saved to your draft

Ananya edits Checkout on main v0.4.2. Each change goes to her draft; only she sees it.

One draft per person per branch — editing main or new-checkout gives you a draft on each.
Undo (⌘Z) steps back one change at a time.
Closing the tab keeps it. Nothing reaches anyone else until you commit.

What you can change

Where	Examples
Pages	Move, resize, restyle, retype; add or delete elements; add a page
Components	Variants, states, properties, and the parts inside
Styles	Add or change a colour, type style, spacing step, radius or icon
Journey	Add a page or a link between pages

Pick values from your Styles rather than typing them, so a later change to the style reaches every use.

Edit with AI

Select something, open the inspector's AI tab, and ask. The result lands in your draft as normal changes you can review and undo.

Northwind/Northwind Web/main · v0.4.2

2 changesKBRSAK

northwind

Checkout

you@example.com

Card

1234 1234 1234 1234

Promo code

Optional

Pay $48.00

Order

Shirt$38

Ship$10

Total$48

DesignAICode

Add an optional promo code field above Pay

Added Promo code using your Input component, label text/body, gap space/3.

1 change in your draft

Ask about the selection…

AI edits the selection and puts the result in your draft, like any other change.

Each request is one AI action. See AI usage for what counts and how much you get.

Was this page helpful? Yes No Updated Oct 22, 2026

← Analysis

Reviewing changes →