This Sketch plugin provides a preview command (⌘P) that will export the currently selected Artboard at a configurable preview size (⌘⌥P) and open the resulting image file in Skala Preview.
Note: The organization of the plugin files changed in v0.5.0
. Remove any old
files from the plugin directory if upgrading from an older version.
Download the
latest version of this project, and copy the SketchPreview
directory into the
Sketch plugin directory. For Sketch 3, this should be:
~/Library/Containers/com.bohemiancoding.sketch3/Data/Library/Application\ Support/com.bohemiancoding.sketch3/Plugins
You can open this directory in the Finder with the Plugins -> Reveal Plugins Folder...
menu item.
- Make sure you have an Artboard selected
- Select
Preview
from the Plugins menu or press ⌘P - Select
Preview Setup...
from the plugins menu or Press ⌘⌥P to configure the plugin
There are now several scaling modes intended for iOS design. These modes either change the output size to 2x or 3x based on Artboard dimensions, or they attempt to scale the preview up to simulate the Display Zoom or compatibility modes available on the iPhones 6. The simulated modes are not currently accurate, and the final image will be 1 to 2 pixels off in the smaller dimension.
As of v0.6.0
, Artboards that are larger in one dimension should be scaled
correctly, allowing preview of mockups of scrollable content.
This plugin has been used successfully with the following versions of software. Not all combinations of each application have been tested, but this should give you some idea of the latest versions that have worked for other people. Feel free to submit a pull request if you've used the plugin with a newer version of any of these applications.
- Sketch 3.2 (9961)
- Skala Preview 1.6.0
- Skala View for Android 1.2.2
If you find any issues, you can try to reproduce them with PreviewTest.sketch
,
found in the test directory of this repository. You can also edit the plugin
file to set DEBUG
to true
and look at the output in Console.app
to get a
better idea of what is going on. Please open an
issue if there is still
a problem.
Marc Schwieterman (@mschwieterman / @mbs)
Big thanks to these people for their contributions.
MIT License