Tested with Sketch version 42

Sketch to Click-through HTML

Create HTML pages with images of artboards, and add hotspots on top.

Installation

1. Download the plugin.
2. Double click "Sketch to HTML.sketchplugin" to install it.

How it works

Link a layer to an artboard

Fix layers

You can also fix layers to one of the four positions. If you got a fixed nav, this can be handy.

Export to HTML

Full Command List

Command	Description
Link selected layer to...	Link a layer to an artboard in the current page
Fix selected layer to...	Fix a layer to one of the four positions: top, right, bottom, left
Export to HTML	Export current page artboards into html files, in a folder named after the Sketch file
Clear selected layer's HTML	Clear the HTML options set for the selected layer
Clear current page	Clear all the HTML options set in the current page
Show HTML config for selected artboard	Get an alert message listing HTML options set for current artboard

Limitations

1. Only the artboards of the current page will be exported.
2. A layer you wish to link or fix has to be a top-level layer, meaning it cannot be nested inside another layer.
3. Make sure each artboard in the page has a unique name.

What's next?

• Remove limitation #1 - perhaps user selects which pages
• Remove limitation #2 - Link or fix nested layers
• Open folder after export

Feedback & pull requests

All are welcome :)

License

MIT