Home

Awesome

Browser Preview

Browser Preview

Quickly preview an artboard in your browser.

This plugin previews the selected artboard in a 2x resolution in the browsers, using the artboards background color as the websites background color. The artboard is centered horizontally in the browser.

Installation

🏃 Sketch Runner

Go to the install tab in runner and search for Browser Preview.

<a href="http://bit.ly/SketchRunnerWebsite"> <img src="http://bit.ly/RunnerBadgeBlue"> </a>

Manual Installation

  1. Download the bundle file (first file with the package icon) and extract it.
  2. Double click the browser-preview.sketchplugin bundle

Usage

Simply select one or multiple artboards / layers and press cmd + shift + p or select Preview Artboard from the Plugin menu.

You can customize the shortcut using the default mac keyboard settings and assign any shortcut for sketch to Preview Artboard.

If you want your screen to be aligned to the left of the browser window, simply suffix the artboard name with :left. E.g. "Desktop" would be "Desktop:left".

Customize browser

Using the settings you can select which browser to use for previewing the artboard.