We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Designer workflows

Review what Designers are responsible for and why it matters downstream.

Designer workflows

Review what Designers are responsible for and why it matters downstream.

Designers set the tone for the whole team

In Webflow, the Designer role carries the most access, and the most responsibility. Every structural decision a Designer makes ripples outward. A component built without props limits what a Marketer can do independently. A class changed without care cascades across the entire site. A page without slots means a Content editor is blocked before they've started.

That's why the Designer's role isn't just about building — it's about building for the whole team.

This section covers what Designers own in Webflow, how they collaborate with other Designers, and how their decisions create the foundation that everyone else works within. 

What Designers own

Designers are responsible for the parts of the site that affect everyone downstream:

  • Structure and layout: how pages are built and organized
  • The design system: classes, variables, and components that define the site's visual language
  • Components and templates: the building blocks Marketers use to create pages
  • Publishing permissions: who can publish what, and when

These aren't just technical responsibilities. They're collaboration responsibilities. The guardrails that Marketers and Content editors work within are only as strong as the systems Designers build and maintain.

Collaborating as a Designer

When multiple Designers are working on a site, Webflow supports real-time collaboration — meaning multiple team members can work simultaneously, seeing each other's changes as they happen. It's fast and immediate, ideal for low-risk updates, well-defined work, or situations where speed matters most.

Webflow canvas showing real-time collaboration with multiple teammates editing the same page simultaneously.

For Enterprise teams that need more control, page branching takes collaboration a step further. Branching gives each Designer a separate copy of a page to work on independently, without affecting the main site or other teammates' work. When the work is ready, it gets staged, reviewed, and merged back in. It's slower by design — and that's the point. The next lesson walks through page branching and design approvals in detail.

Webflow UI showing page branching to create and edit a separate version of a page before merging.
Enterprise feature: Page branching & design approvals are available on Enterprise plans. See our pricing page to learn more about our plans.

Consider your own workflow

Before moving on, take a moment to think about how your team currently works:

  • When Designers make changes, how often do those changes affect other people's work?
  • Does your team have a shared understanding of when to work in real-time vs. when to branch?
  • Are there parts of your site — shared components, key classes — that need more careful coordination?

You don't need answers to all of these yet. The next lessons will help you build that clarity.

Ready to dive in?

Now that we’ve covered the basics of the Designer role, let’s do a walkthrough of page branching and design approvals in Webflow.

No items found.

1

Getting started

Coming soon

1

Background & preview
2:00
Background & preview
Coming soon

2

Setting up your team

Coming soon

2

Seats, roles, & permissions
2:00
Seats, roles, & permissions
Coming soon

2

Workspace seats & roles
6:50
Workspace seats & roles
Coming soon

2

Site roles in Webflow
3:14
Site roles in Webflow
Coming soon

2

Enterprise custom roles
5:05
Enterprise custom roles
Coming soon

2

Best practices for setting up your team
2:00
Best practices for setting up your team
Coming soon

3

Design workflows

Coming soon

3

Designer workflows
2:00
Designer workflows
Coming soon

3

Enterprise page branching & approvals
6:52
Enterprise page branching & approvals
Coming soon

4

Page building & content editing workflows

Coming soon

4

Marketer & Content editor roles
2:00
Marketer & Content editor roles
Coming soon

4

Page building for Marketers
8:30
Page building for Marketers
Coming soon

4

Setting Marketers up for success
2:00
Setting Marketers up for success
Coming soon

4

Edit content in Webflow
6:18
Edit content in Webflow
Coming soon

4

Setting content editors up for success
2:00
Setting content editors up for success
Coming soon

5

Feedback & review workflows

Coming soon

5

Commenting & approval workflows
2:00
Commenting & approval workflows
Coming soon

5

Commenting
531
Commenting
Coming soon

5

Feedback & review best practices
2:00
Feedback & review best practices
Coming soon

6

Staging & publishing workflows

Coming soon

6

Publishing permissions & workflows
2:00
Publishing permissions & workflows
Coming soon

6

Publishing to staging & production
4:07
Publishing to staging & production
Coming soon

6

Enterprise publishing workflow
3:39
Enterprise publishing workflow
Coming soon

6

Site Activity log
2:42
Site Activity log
Coming soon

6

Staging & publishing best practices
2:00
Staging & publishing best practices
Coming soon

7

Wrap up

Coming soon

7

Collaboration best practices
2:00
Collaboration best practices
Coming soon

7

Additional resources
2:00
Additional resources
Coming soon

Course progress

0%

Assessment

Up next

Enterprise page branching & approvals

Learn how to use page branching and design approvals to collaborate efficiently and ensure only reviewed changes reach your live site. Available on Enterprise plans.
Complete & continue
Complete course