Skip to content
A Sketch plugin that exports Sketch artboards into clickable HTML file.
Branch: master
Clone or download
Latest commit c04bfa5 Mar 18, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Exporter.sketchplugin/Contents 5.10.2 Mar 18, 2019
achives
tests Updated example Mar 4, 2019
CHANGELOG.md
Exporter.sketchplugin.zip
Hints.md
Ideas.md
LICENSE
README.md Update README.md Feb 22, 2019
appcast.xml

README.md

Exporter

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

Exporter 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

Viewer features:

  • Gallery / Picture
  • Async pre-loading of document pages

Publisher features:

  • Increasing of version counter and injecting it into HTML
  • Compressing pages using pngquant tool
  • Publishing to external site by SFTP

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:

Installation

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

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.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.