Chykalophia Docs

The difference between Webflow's edit mode and design mode, which one to use for everyday content updates, and which to avoid.

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.

Quick summary

Use edit mode (Webflow's Content editor role) for everyday content changes — it's safe, simple, and designed for non-technical users. Design mode (the Designer) is a professional development tool used by Chykalophia to build and maintain your site's design. Unless you've been specifically trained, avoid making design changes.

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.

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.

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)

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.

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.

Need a hand?

If you're stuck, email support@chykalophia.com and we'll help. Include your website address and a screenshot if you can.

Edit mode vs design mode