Skip to content
A Sketch plugin that exports Sketch artboards into clickable HTML file and publishes it on an external site.
JavaScript CSS PHP Shell
Branch: master
Clone or download
Maxim Bazarov
Maxim Bazarov 10.3.0 released
Latest commit a4c94e8 Sep 16, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
PuzzlePublisher.sketchplugin/Contents 10.3.0 released Sep 16, 2019
archives
server_tools Working on Version Viewer Sep 5, 2019
tests Update screenshot.png Sep 3, 2019
.gitignore 10.2.1 released Sep 13, 2019
CHANGELOG.md 10.3.0 released Sep 16, 2019
Hints.md Updated Aug 20, 2019
Ideas.md First push Aug 20, 2019
LICENSE First push Aug 20, 2019
PuzzlePublisher.sketchplugin.zip 10.3.0 released Sep 16, 2019
README.md Fixed link to download Sep 13, 2019
appcast.xml 10.3.0 released Sep 16, 2019

README.md

Puzzle Publisher

A Sketch plugin that exports Sketch artboards into clickable HTML file.

Features:

  • Single HTML file with links highlighting
  • Show artboard as an overlay over a previous artboard / Pict 1, Pict 2, Pict 3 / Example
  • Show artboard as a modal over a previous artboard / Picture, Example
  • Support for layers with fixed position (left,top and float panels) / Example
  • Support for Sketch-native links (including Back links, cross-page links, links inside Symbols and overrided hotspot links)
  • Support for external links / Hint
  • Skips pages and artboards with * prefix
  • Ability to insert Google counter
  • Ability to hide navigation controls and hotspot highlighting
  • Automatic compression of images

Viewer features:

  • Gallery / Picture
  • Async pre-loading of all page images
  • Auto-scale of large pages to fit into small browser window
  • Ability to get <iframe> code to embed you prototypes into external web pages (with special UI) or get lightweight code with just <img...></a/>
  • Page layout viewer (if it was enabled for a page)
  • [NEW] Element Inspector to see symbols, styles and design tokens(requires integration with Design System plugin) (Picture)

Publisher features:

  • Increasing of version counter and injecting it into HTML
  • Publishing to external site by SFTP
  • Announce new version changes in Telegram channel

Run from command line:

  • Export HTML from command line / Hint

Change Log

Please send your feedback and requests to max@bazarov.ru

Screenshots

Commands:

Settings:

Viewer - Show symbols (and design tokens):

Installation

To install, download the zip file and double-click on PuzzlePublisher.sketchplugin. The commands will show up under Plugins > Puzzle Publisher.

Usage

You can use Sketch-native links or add links to external sites. When you're finished adding these you can generate a HTML website of the all document pages by selecting Export to HTML. The generated files can then be uploaded to a server so you can show it to your clients.

Retina Images

By default it will show 2x images for high pixel density screens. To turn this off uncheck Export retina images in Settings and re-export the page.

You can’t perform that action at this time.