The builder
Overview
The agent gets you a first draft. Everything after that is yours to move, restyle and check — before anything reaches Webflow.
What is on screen
- The canvas renders the page as it will look. Select any element to edit it directly.
- The navigator lists every element with its tag and class, so you always know what you have selected.
- The agent panel takes instructions in plain sentences and writes sections.
- The viewport switcher moves between desktop and Webflow's three narrower breakpoints.
- Copy to Webflow converts the page and puts it on your clipboard.
Two ways to change something
Direct editing and the agent write to the same place. Select an element and change it yourself when the change is small and you know exactly what you want; ask the agent when the change spans sections or you would rather describe the outcome than the steps.