Visily browser extension: Capture and import screenshots

With Visily’s browser extension – Screenshot Capture & Design, you can effortlessly capture web screenshots and import them directly into Visily – either as fully editable wireframes or as simple reference images. This makes it easy to speed up editing your existing app or draw inspiration from online websites.

Install the Extension

The Visily browser extension is available on Chrome, Firefox, and Edge. Search for “Visily – Screenshot Capture & Design” in any of these web stores and install it. After installation, pin the extension to your browser toolbar for quick access.

Important Note: Due to some technical limitations, certain functions are disabled on Firefox in responsive mode

Capture screenshots

Choose from three options to capture screenshots:

Capture Full Page. Automatically scrolls to capture the entire page.
Select Element. Capture a specific element from the viewport.
Crop Area. Drag to select a custom area on the screen. This option generates an editable conversion output that only loosely matches the selected area.

The “Change viewport for capturing” allows you to capture responsive pages in desktop, mobile, and tablet views. In the extension, you can select from preset device options or customize the viewport size before capturing.

You can take multiple screenshots before importing. Click on the “Capture another” button and pick the desired option.

You can only import a maximum of 10 screenshots at a time. If you reach the maximum, import first before taking more screenshots, or remove the undesired ones.

To remove an undesired screenshot, hover over it and click “Delete”.

Import into Visily

Import destination

To import screenshots, you need to select a Visily board as the import destination. Before importing, make sure you have:

A Visily account
At least one board created (see Boards & Folders)
The board opened in the same browser tab

Once the board is open, you can choose it from the Destination dropdown in the browser extension.

Tip: In short, to import screenshots, open the Visily board you want to import the screenshots into, then select the board name from the destination dropdown.

Output type

You can choose between two output types:

Editable wireframe. Converts your capture into a fully editable design.
In Visily, “fully editable” means the converted output becomes Visily elements. On the design canvas, you can freely edit, delete, move, or enhance anything: adding shapes, components, or connectors as needed. You can then continue refining the design manually or use AI chat to make further adjustments.