Design directly on your real website with real content, states, and responsive breakpoints.
⌘⇧E on any page of a site you have approved. Esc closes it.
Position, size, rotation, order, color, type, spacing, text and images, and you can draw new elements straight onto the page. When you want the rule underneath, the CSS and HTML panels are right there.
All of them, when that is where the color lives. Every edit records what it is aimed at: a CSS rule, a color in the design system, one element on one page, or the page itself. Your agent reads that target instead of guessing, so a classed button is changed once, at the component.
You resize the artboard and your own media queries answer. Nothing is simulated, and every change remembers the width you made it at, so a base style is never mistaken for a breakpoint.
Yes, and undo walks your own steps. It stops where a teammate's step begins rather than skipping over it, so you cannot take back somebody else's work. The owner can walk anyone's.
Parallel lines of edits on one project, each with its own undo history. Try three headers as three versions, then share one, some or all of them on a link.
Press C and write on whatever is selected, or on the page when nothing is. The note travels with the visual edits and stays on the page as a pin. "Make this the primary button" is easier said than dragged.
Screenshots at any size, including the full page, and video recording with an optional face bubble. Neither is limited on any plan.