Visily browser extension: Capture and import screenshots

With Visily’s Chrome extension, App UI Capture & Design, you can effortlessly capture web screenshots and import them into Visily as editable wireframes or reference images. Utilize this extension to speed up the process of editing your existing app or taking inspiration from online websites.

Install the Extension

Search for Visily on Chrome web store and install the extension: Visily – App UI Capture & Design. After installing, pin the extension to your browser toolbar for quick access.
Installing the Extension 1 min

Capture screenshots

To capture screenshots, open the desired website or web app. This can be your own site or an inspiring online resource.

Choose between two options to capture screenshots:

  • Visible area: capture the viewport that is currently visible on your screen.
  • Selected area: drag to cover a specific area on the screen

The captured screenshot will be displayed on the extension.

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 on it and click “Delete”.

Capturing your desired web page 1 min

Import into Visily

Import destination

You need to select the import destination, which is a Visily design board, in order to import the screenshots.

Make sure you have these setups available before importing:

  • Create a Visily account
  • Create at least one board (Note: A board is the design canvas in Visily. You can create a project and then multiple boards inside that project).
  • Open that board in a browser tab

Once you have a Visily board open in the browser, you can select it from the destination dropdown in the browser extension.

light-bulb
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.
Installing the Extension 1 1 min

Output type

You can choose between the two output types:

  • Editable wireframes: select this option if you want to make adjustments to the UI screen
  • Images: select this option if you just want an exact image to use as reference

Once you have selected the destination and output type, click Import to import the screenshots into Visily.

Related Articles

Subscribe to
Visily now

Don’t miss out on the latest articles to stay a top of UX design and Product management

© 2024 Visily. All rights reserved.

© 2024 Visily, Inc. All rights reserved.