Collaborate on your site in Webflow

Work collaboratively with your team in Webflow — create styles, edit content, and build out layouts all at once.

With real-time collaboration, teammates design and edit the same page at the same time in Webflow — no more waiting your turn or handing off control.

How to work in design, build, edit, comment, and view mode

Team members can collaborate on any site they have access to within a given Workspace.

To access a site from the Workspace dashboard:

1. Hover over a site
2. Click Open in Webflow

The site opens in design, build, edit, comment, or view mode depending on which mode(s) you have access to.

Real-time collaboration

Webflow lets you and your teammates design together in real time — no refreshing needed. This means your team can edit elements, classes, styles, and content simultaneously and those changes will update across each teammate’s canvas. When a teammate is on the same page as you, a colored outline appears around the element they’re working on, so you can avoid overlapping edits. Note that text changes sync when users edit the text block, not keystroke by keystroke.

Real-time collaboration is limited to 25 concurrent users per site. If edits overlap, the last change will be saved and synced.

Design mode

Design mode lets you add classes, style elements, build layouts, create interactions, and everything else you need to fully design and launch your site.

These site roles can access design mode:

• All plans (including Enterprise) — the default “site manager” and “designer” roles
• Enterprise and partners only — custom roles with “designer” as the base role. The “designer (needs approval)” role defaults to view mode, but switches to design mode while accessing page branches.

Build mode

Build mode lets teammates like marketers or clients quickly build and edit pages (e.g., landing pages, competitor pages, feature/solution pages, event pages, etc.) using designer-approved building blocks and share pages for review before publishing.

In build mode, teammates can:

• Create new pages from static page templates
• Create new page branches
• Add, move, or delete existing components in page slots
• Customize component property values
• Edit text, links, and images
• Manage site assets
• Manage Collection items and Ecommerce products, categories, and discounts in the CMS panel
• Request review and approval of page branches

• View and interact with comments on the canvas

In build mode, teammates cannot:

• Make design changes (i.e., structural, style, or element settings changes, with the exception of component property values) or modify existing classes, components, and variables
• Merge page branches
• Create new classes
• Create new components

These site roles can access build mode:

• All plans (including Enterprise) — the default “site manager,” “designer,” and “marketer” roles
• Enterprise and partners only — custom roles with “designer” or “marketer” as the base role. The “designer (needs approval)” role defaults to view mode, but can access build mode on page branches.

Edit mode

Edit mode lets teammates like content creators (e.g., copywriters, content strategists, etc.) edit site content like copy and assets without touching any part of the site design.

In edit mode, teammates can:

• Edit text, links, and images (excluding background images)
• View and interact with comments on the canvas
• Manage site assets
• Manage Collection items and Ecommerce products, categories, and discounts in the CMS panel
• Manage page settings
• Publish the site

In edit mode, teammates cannot:

• Make design changes (i.e., structural, style, or element settings changes)
• Edit main components or component instances
• Edit dynamic content on the canvas
• Adjust page names, add or edit page folders, edit page slugs, or set a homepage
• Add or edit custom code
• Update CMS settings or create new CMS collections

These site roles can access edit mode:

• All plans (including Enterprise) — the default “content editor” role
• Enterprise and partners only — custom roles with “content editor” as the base role

Comment mode

Comment mode allows you to share, review, and resolve feedback directly on the canvas, streamlining your team’s communication and design workflow. Comment mode is included on all Workspace plans for all Workspace members, including those with guest roles. Teammates with the reviewer role can only access comment mode.

You can click the “View comments” icon in the top toolbar or press C on your keyboard to enter comment mode. There, you can click on any element on the canvas to add a comment, or review and reply to existing comments in the Comment panel. 

Comments can also be viewed and interacted with on the canvas across Design, Build, Edit, and Preview modes — press Shift + C on your keyboard to show or hide comments on the canvas.

View mode

View mode is the default mode for these Enterprise roles:

• Designer (needs approval) role
• Custom roles without the “Make changes without approval” permission

In view mode, teammates can:

• Review the site
• Leave comments
• Review site activity
• Access the Pages panel
• Create a page branch

How to see other teammates in the site

The top bar displays which teammates are active and which pages they’re working on. Users on the same page as you are displayed with a colored outline which will match their outline on the canvas or CMS item. If the user is idle, their avatar will be opaque and will show when they were last active. If you click on the avatar, you'll be taken to the element they have selected.