Create HTML pages with images of artboards, and add hotspots on top.
Installation
- Download the plugin.
- 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
- 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.
What’s next?
- Remove limitation #1 – perhaps user selects which pages
-
Remove limitation #2 – Link or fix nested layers -
Open folder after export