Skip to content
πŸ” Preview quickly an artboard in your browser.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
browser-preview.sketchplugin/Contents
src
.appcast.xml
.gitignore
LICENSE Initial commit Apr 5, 2018
README.md
package-lock.json
package.json Publish 2.1.1 release πŸš€ Feb 23, 2019

README.md

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.

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 an artboard and press cmd + shift + + or select Preview Artboard from the Plugin menu.

You can customize the shortcut using the default mac keyboard settings or by using a keyboard shortcut plugin like Keys for sketch.

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.

You can’t perform that action at this time.