Tested with Sketch version 42
Sketch to Click-through HTML
Create HTML pages with images of artboards, and add hotspots on top.
- Download the plugin.
- Double click "Sketch to HTML.sketchplugin" to install it.
How it works
Link a layer to an artboard
Export to HTML
Full Command List
|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|
- Only the artboards of the current page will be exported.
A layer you wish to link or fix has to be a top-level layer, meaning it cannot be nested inside another layer.
- Make sure each artboard in the page has a unique name.
- 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 :)