KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

Sketch-to-Clickthrough-HTML

★ 75 Open GitHub ↗

Sketch plugin for creating a click-through HTML prototype

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

> 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

![link layer](https://raw.githubusercontent.com/amin-nas/Sketch-to-Clickthrough-HTML/master/demo/1.gif)

#### Fix layers
You can also fix layers to one of the four positions. If you got a fixed nav, this can be handy. 
![link layer](https://raw.githubusercontent.com/amin-nas/Sketch-to-Clickthrough-HTML/master/demo/2.gif)

#### Export to HTML
![link layer](https://raw.githubusercontent.com/amin-nas/Sketch-to-Clickthrough-HTML/master/demo/3.gif)

## 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
- [x] ~~Remove limitation #2 - Link or fix nested layers~~
- [x] ~~Open folder after export~~

## Feedback & pull requests ##

All are welcome  :)

## License ##

MIT

Sketch-to-Clickthrough-HTML

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README