https://github.com/marcisme/sketch-preview

Sketch plugin to preview mockups in Skala Preview
https://github.com/marcisme/sketch-preview

Last synced: about 1 month ago
JSON representation

Sketch plugin to preview mockups in Skala Preview

• Host: GitHub
• URL: https://github.com/marcisme/sketch-preview
• Owner: marcisme
• License: mit
• Created: 2013-05-24T23:25:04.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2018-10-26T01:22:13.000Z (about 6 years ago)
• Last Synced: 2024-06-08T13:34:06.553Z (6 months ago)
• Language: JavaScript
• Size: 2.72 MB
• Stars: 610
• Watchers: 20
• Forks: 37
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-sketch - marcisme/sketch-preview
• awesome-starred-test - marcisme/sketch-preview - Sketch plugin to preview mockups in Skala Preview (JavaScript)
• awesome - sketch-preview

README

        
# Introduction

This [Sketch](http://bohemiancoding.com/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](http://bjango.com/mac/skalapreview).

## Auto Preview

You can now toggle Auto Preview mode on and off with ⌘\^P to automatically

preview the current Artboard whenever certain changes are made.

You can always initiate a preview by changing the current selection or directly

via the `Plugin` menu or ⌘⇧P.

# Installation

[Download](https://github.com/marcisme/sketch-preview/archive/master.zip) or

clone the latest version of this project, and open `SketchPreview.sketchplugin`.

## Auto Update

The Sketch auto update feature coming in version 45 is supported as of

`v0.11.0`.

# Usage

* 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

## Scaling Modes

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.

# Compatibility

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](https://github.com/marcisme/sketch-preview/compare/)

if you've used the plugin with a newer version of any of these applications.

* Sketch Version 49.3 (51167)

* Skala Preview 2.0 (207)

* Skala View for iOS 2.0

* Skala View for Android 2.0

# Troubleshooting

If you find any issues, you can try to reproduce them with the files in the test

directory of this repository. You can also check the `Enable debug logging`

option in the `Preview Setup` and look at the output in `Console.app` to get a

better idea of what is going on. Please open an

[issue](https://github.com/marcisme/sketch-preview/issues/new) if there is still

a problem.

# Author

[Marc Schwieterman](https://github.com/marcisme) ([@mschwieterman](https://twitter.com/mschwieterman))

# Contributors

Big thanks to these people for their contributions.

* [Jacob Elias](https://github.com/jelias) ([@\_jelias\_](https://twitter.com/_jelias_))

* [David Klawitter](https://github.com/davidklaw)

* [Tomas Linhart](https://github.com/TomasLinhart)

# License

MIT License