Intro to the editors in Vev

Get to know the design, content, and code editor

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

Get familiar with the user interface.


Here you can see and manage all of your projects, drafts, and templates. You can also navigate your teams and workspaces, as seen on the left side. Click the respective links to learn more about each.

As for the right side, you'll find the options listed below:

  • Notifications: where you'll receive notifications when you're invited to a workspace or a team, or when someone tags you on a comment in a project, for example.

  • Top-right menu: Here you'll find a number of core options that will help you with your account management, find them listed below:

    • User profile: Where you can edit your profile information, such as your first and last names, profile photo, and company name, as well as your Login options. You can also update your email preferences and enable new Vev features that are still in the works.

    • Account settings: Here you'll find an overview of your account with some helpful links to the users, teams, hostings, and project plans on your account.

    • Subscription: this is where you'll find a summary of your billing statements as well as a billing estimate for your next bill. You can update your billing information, including your payment method, address, and email address. Read this article to learn more.

    • Hosting: Where you can manage all of the publishing endpoints connected to your account. Read this article to see which hosting options we have and how to connect them.

    • Teams: Here you'll find an overview of the teams on your account. Read this article to learn how to manage them.

    • Integrations: Here you'll be able to browse all of our plugins and install them to the desired publishing endpoints on your account. Read this article to learn how integrations work.

    • Sign out: Click to log off your account.

  • Figma Import: Start a project from your Figma project. Read this article to learn how to do it.

  • Create project: Create a project from scratch or from a template. Learn how to do it here.

You can always go to the Dashboard by clicking the top left Vev icon.

Design Editor

The Design Editor is the heart and soul of Vev and is built for designers whose goal is to customize the look and feel of the website and have full control over the layout.

Its familiar UI, despite some differences, means designers can start using it in no time.

Much like with the Content Editor, you can open any project you see in the dashboard directly into the Design Editor.

Content Editor

Vev offers three tools that are tailor-made to help you stay productive and focused on the task you’re trying to achieve, depending on your role within the team. This happens while ensuring harmony across the team regardless of the tool each member uses to contribute to the project.

The Content Editor is the first such tool and is built for content managers, copywriters, and communication specialists. Its simplicity allows you to focus on editing text, images, and videos, without worrying about the design and functionality of the website.

You can open any project you see in the dashboard directly into the Content Editor.

Code Editor

The third and last of the Vev trilogy is the Code Editor. As the name suggests, it is built for developers interested in extending Vev’s functionality by writing their own custom code.

The Code Editor can be opened only through The Design Editor, as both tools are best used side-by-side during the development process.

Did this answer your question?