Skip to content

๐Ÿ” Open a preview of your Sketch artboard in your browser.

License

Notifications You must be signed in to change notification settings

lukasoppermann/browser-preview

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

83 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

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 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.