Dashboard

Use the Webflow Dashboard to access, create, and manage your projects.

This video features an old UI. Updated version coming soon!
 
This video features an old UI. Updated version coming soon!
Transcript
This video features an old UI. Updated version coming soon!

From your dashboard, you can access, create, and manage your projects.

In this lesson

Meet your dashboard

When you sign up for a Webflow account, you’ll be taken to your personal dashboard where you can start creating projects.

Meet the Webflow dashboard!
Welcome to your dashboard!

If you’re part of a team or multiple teams, you’ll have additional dashboards for each team. Team dashboards also show you the activity of your team members in the Team activity section.

In each of your team dashboards, you'll see that team's projects and the team activity.
In each of your team dashboards, you'll see that team's projects and the team activity.

Switching between dashboards

You can switch between your personal dashboard and team dashboards from the dashboard dropdown menu.

Switch to your team dashboard to access your team projects.
Switch to your team dashboard to access your team projects.
Good to know
Each time you log into your account and visit the dashboard, you’ll be taken to the most recent dashboard you visited.
From the dashboard menu, you can also access your team settings and even create a new team.

Dashboard requirements: supported browsers

Webflow officially supports the Dashboard on the latest version of Chrome or Safari’s evergreen release, plus 2 versions for varying update cycles. Webflow also unofficially supports the use of all modern browsers.

Platform feature
IE
Edge
Chrome
Safari
Firefox
iOS Safari
Chrome for Android
Designer
x
x
Evergreen
+2
Evergreen
+2
Evergreen +2
(WIP)
x
x
Editor & Data Manager
x
Evergreen
+2
Evergreen
+2
Evergreen
+2
Evergreen +2
(WIP)
x
x
Dashboard
x
Evergreen
+2
Evergreen
+2
Evergreen
+2
Evergreen +2
(WIP)
x
x
Published Sites / Exported Code
11+*
15+*
Evergreen
+3
10.1+*
Evergreen +3
Evergreen +3
Evergreen +3
Interactions
11+*
12+*
Evergreen
+3
10.1+*
Evergreen +3
Evergreen +3
Evergreen +3

* Degree of browser support depends upon features used (e.g., flexbox has partial support in IE 11, filter has no support in IE 11 and partial in Edge). More details can be found at:

Webflow doesn’t support IE 9 or IE 10 in any situation. Read more about this decision

Good to know: An evergreen browser is one that updates itself automatically, meaning that most people have the newest, automatically updated version.

If you run into issues using Webflow on experimental browsers, please report your issue under the experimental browsers category on the Webflow Forum.


Note: You can determine the browser and operating system version you're using with What's my Browser.

Creating projects

To create a new Webflow project, just click on that all-so-important blue button.

Create a new project by clicking on the blue button at the top right corner of the dashboard.
Create a new project by clicking on the blue button at the top right corner of the dashboard.

Here, you can choose to create a blank project, where you can design and develop from scratch. Or, if you prefer, you can start with a template. Learn more about templates.

Organizing projects

When you have a number of projects in your dashboard, you can sort them using preset sort options, organize them in folders, and filter/search for them using the search bar.

Sorting projects

By default, your projects are sorted by date created. You can also sort them alphabetically or by last modified.

You can sort your projects in each dashboard and each project folder by date created, alphabetically or by last modified.
You can sort your projects in each dashboard and each project folder by date created, alphabetically or by last modified.

Organizing projects in folders

You can also organize your projects within folders in your dashboard.

Creating folders

You can create folders by pressing the folder icon.

 

Moving projects to folders

You can move your project into a folder from the project menu. When you press move to a folder, you’ll be able to choose the folder you want to move your project into from the folder dropdown menu.

You can also create a new folder right from this dropdown menu.

 
Good to know
You can also create projects right inside a folder. Just open the folder,and create a new project. This will automatically add the project inside that folder.

Deleting folders

You can delete any folder any time just by going into that folder and pressing the trashcan icon.

Don’t worry, your projects are safe! When you delete a folder, all projects within that folder will be moved to All Projects.

Searching for a project

You can also search within the dashboard if you have tons of projects. The search functionality also allows you to search within folders.

 
Good to know
To search for projects within another dashboard, switch your dashboard first.

Project thumbnails — managing projects from the project menu

In the dashboard, each of your projects is represented with a thumbnail and some useful details about your project.

In the dashboard, each of your projects is represented with a thumbnail and some useful details about your project.
Good to know
The little icons under each project thumbnail let you quickly see which sites are published, which are showcased, which are hosted and on which plan, and which have Client Billing set on.

Opening the project in the Designer

To open the project in the Designer, click on the thumbnail and design away!

To open the project in the Designer, clicking on the thumbnail and design away!
Pro tip
You can even open a number of projects at once by command ⌘ + clicking on macOS or control + clicking on Windows. This will load up the Designer for each project in a separate tab. Really helpful if you want to compare projects, or copy/paste across them.

Managing your project from the project menu

The project menu allows you to access your project settings and do some quick project management:

The project menu allows you to quickly manage your project.
The project menu allows you to quickly manage your project.

The project thumbnails

Thumbnail images are automatically generated for your projects in your dashboard. They get updated each time you publish your project to your .webflow.io subdomain.

Resetting inaccurate project thumbnails

If your project's thumbnail image is inaccurate, unpublish your project from the .webflow.io subdomain and publish it again. Now, hard-refresh the dashboard to see the updated thumbnail.

Clone this project
Try Webflow — it's free
This video features an old UI. Updated version coming soon!