Create Your First Project

Webvizio is a platform that allows clients, managers, and dev teams to leave visual feedback and effectively collaborate on web development projects by literally leaving visual feedback on any live website element or an image, both on desktop and mobile.

What types of web projects can I create?

Once you login into Webvizio Dashboard, you can create two different types of projects:

1. You can create a URL-based project by typing in any URL into the address bar
2. You can create a screenshot (image) of any webpage by inserting a page URL into the address bar
3. You can create an image-based project by uploading files from your computer’s library (JPG/PNG/PDF/PSD files supported).

Website projects

Whichever web page you and your team might be working on, you can effectively communicate with your team about it, leave visual feedback and assign tasks and action items for it with Webvizio. All you need to do is copy the URL of ANY live web page and paste it into the box on the Webvizio project creation page. As soon as you do this, Webvizio is scanning the chosen web page and creates a new project with it’s visual copy as your working canvas, which allows you to pin notes and comments for your team on the exact place or element of the page, that requires their attention.

Let’s see how it works step by step:

1. Enter a web page URL into the URL input bar
2. Click the Add URL button. Your new web project will appear on your dashboard
3. Click on the page preview block that appeared on your dashboard, or click the Open Project button

Figma Files

You can add any Figma design to Webvizio whenever you create a new project or compare the design file to a live version side-by-side in the project tabs.

This option allows you to quickly connect to Figma when you already have a web link to your Figma design:

1. Copy the URL of the desired Figma frame
2. Paste it into the Webvizio URL field
3. Log in and allow Webvizio to access your Figma data if prompted
4. The Figma design will open in Webvizio

See our detailed guide for more on the Figma integration>>

Images, PDFs, and Other Design Files

In addition to live web pages and Figma designs, Webvizio allows you to collaborate on digital assets such as images, original design files, and PDFs.

Here’s how to upload a file in a few simple steps:

1. Click the Upload button next to the URL bar
2. Choose a file from your computer and click Open
3. Your image-based project will appear on your dashboard
4. Click on the project block on your dashboard or click the Open Project button

📌 Supported File Formats

Please note that Webvizio currently supports the following files: PNG, JPG, JPEG, PNG, ESP, PSD, and PDF. There are some limitations on the file size depending on the chosen plan. You can see your current plan limits here.

Adding Multiple Files to Your Existing Project

Webvizio allows to add different types of files to an existing project. You can open multiple tabs in each project and combine URL-based pages, images, design, and PDF files within one interface.

How to add multiple files within one project:

1. Open a project from the dashboard
2. Click the + icon next to the existing tab
3. Enter a URL and click Add OR click Upload File
4. Repeat to add more assets in new tabs

Renaming Projects

You can always change your project’s name in the Project settings.

1. Hover over the project on the dashboard and click three dots (…)
2. Go to Settings
3. Edit the name in the text field (auto-saves)

Updating Project Thumbnails

For web-based projects, you can refresh the thumbnail to match the current home page:

1. Go to Project Settings
2. Hover over the thumbnail and click Refresh
3. The new thumbnail will generate within a minute

Suggested Video