Edit mode vs design mode

Webflow gives people different tools depending on their role. Content editors work in edit mode, which lets you change content but not the design. Designers work in design mode, often called the Designer, which controls everything. (Marketers get a third option, build mode, for creating pages from ready-made components.) This guide explains which is which, and which one you should use.

Webflow's old, separate Editor was retired on August 4, 2026. If you used it before, you now edit inside Webflow with the Content editor role.

Edit mode: your everyday tool

Edit mode is what you see when you open your site in Webflow with the Content editor role. Your pages appear on Webflow's canvas, looking much as they do to visitors, and you can click on text, images, and links to edit them. CMS items are managed from the CMS tab.

What edit mode lets you do:

Edit text directly on the page
Replace images and set their alt text
Update links and buttons
Add, edit, and delete CMS items (blog posts, team members, etc.)
Change some page settings, like the SEO title and description
View and export form submissions
Publish your changes (if your account is allowed to publish)

Edit mode has guardrails. It only gives you the tools your role allows. You can't move a section, change a color, or break the mobile layout.

The Designer: the professional tool

Design mode, the Designer, is a full visual development environment. It's where Chykalophia built your site: setting up layouts, styling elements, connecting data, and adding custom code.

What the Designer is used for:

Building and changing page layouts
Setting fonts, colors, spacing, and visual styles
Creating animations and interactions
Configuring the CMS structure
Adding new pages or sections

The Designer has far fewer guardrails. A single change to a shared style or component can affect every page that uses it.

What the Designer looks like

When the Designer is open, you'll see:

The canvasThe center of the screen, showing a live view of the page you're editing
Left toolbarThe main menu (the Webflow logo) and panels such as Pages, the Navigator (page structure), and Assets (images, documents, and other files)
Right toolbarThe Style panel (design settings for the selected element), plus element settings and interactions
Top barThe Design and CMS tabs, a page switcher, and site actions such as Preview, Share, and Publish
Canvas barUndo and redo, plus breakpoint icons for checking how the page looks on desktop, tablet, and mobile
Add panelOpened from the left toolbar (or by pressing A), used to add new elements and layouts

How to tell which mode you're in

Hovering over text, images, or links shows a blue outline, and clicking shows small edit icons (like a pencil)
Your left toolbar has only a few panels, such as Pages, Assets, and Settings, plus the CMS tab at the top
There are no controls for changing colors, fonts, spacing, or layout

How to open your site for editing

Log in to Webflow. Go to webflow.com and sign in to your account.

Find your site in the Dashboard. Each site is shown as a thumbnail.

Hover over the thumbnail and click Open in Webflow. What you can do inside depends on your role. With the Content editor role, you'll be in edit mode.

Alternatively, go to your live site. Add ?update to the end of your site's URL (e.g. yoursite.com?update) and log in when prompted. Webflow opens the page you were viewing. If the shortcut doesn't work, the site needs to be republished first, so ask us.

When you might open the Designer

There are a few situations where you might legitimately be in the Designer:

You've been specifically trained by Chykalophia to make certain structural changes
You're reviewing your site's design during a project
You want to check your site's addresses: when you click Publish, Webflow lists your webflow.io staging address and your live domain

What to do if you accidentally open the Designer

Don't assume closing the tab undoes anything. Webflow saves changes automatically, so anything you changed by accident is already saved. It just isn't live yet: closing the tab doesn't publish anything.

If you changed something, undo it (Ctrl+Z / Cmd+Z, or Webflow's undo icon) and let us know. If your account has design access but you only need to edit content, click the Webflow logo, hover over Preview role, and choose Content editor to work with the simpler tools.

Don't publish from the Designer unless instructed

If you make accidental changes in the Designer and then click Publish, those changes will go live. Accidental changes also stay saved, so they would go live the next time anyone publishes the site. Undo them, or tell us before anyone publishes.

Side-by-side comparison

	Edit mode	Design mode (Designer)
Who uses it	Clients, content managers	Developers, designers
What you can change	Text, images, links, CMS content	Everything
Risk of breaking the site	Very low	High if you're not trained
Required skill level	No technical skill needed	Web development knowledge
How to access	Dashboard (Open in Webflow) or `?update`	Dashboard (Open in Webflow)

Both modes work on the same site, so let us know if you're editing while we're working on it: when two people change the same content at the same time, the last edit wins.

Common questions

I can't open my site in Webflow. What's wrong?

You may not have a seat in the Webflow Workspace that holds your site yet. Clients now get a client seat or a limited seat, usually with the Content editor role. Ask Chykalophia to invite your email address, then accept the invitation. See User roles & permissions in Webflow for more.

Can I do everything I need to do in edit mode?

For content updates, yes. For design or layout changes, no. If you find something you can't do in edit mode, submit a request to Chykalophia and we'll handle it in the Designer.

Can I learn to use the Designer myself?

Webflow University, Webflow's own training site, has courses on using Webflow. However, using the Designer on a live production site carries real risk. We recommend keeping Designer work in Chykalophia's hands unless you've been trained specifically on your project's setup.

I'm in edit mode but I can't edit some text.

Designers can lock specific elements so content editors can't change them, and some content inside shared components can't be edited. This is a deliberate choice by the developer. If you need to edit something and can't, let us know and we can unlock it where possible.