Skip to content
Sketch Clickable Prototype Plugin
JavaScript
Branch: master
Clone or download
Pull request Compare This branch is 7 commits ahead, 2 commits behind Raureif:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Click Dummy.sketchplugin/Contents/Sketch
.gitattributes
Example.sketch
LICENSE.md
README.md
sketchpack.json

README.md

Clickable Prototype Sketch Plugin

Export HTML clickable prototypes directly from Sketch. Create links between screens by naming the layer link with linkto:ArtboardName.

Installation

  1. Download the files in this repository.
  2. Open the .sketchplugin file.

How to use

  • To create a link to an Artboard, change the name of a layer to linkto:ArtboardName.
  • Use Export Clickable Prototype (^⇧⌘E) to export the HTML Clickable Prototype.
  • Insert the dimensions of the main screen to clip scroll (or click ignore to skip clipping). Tip: the dimensions are auto-populated from the size of the first artboard (select Artboard > Send to back).

Improvements

  • Export retina 2x images
  • Clip scroll (ideal for mobile prototypes)
  • Add fixed elements (i.e.: bottom bar in mobile prototypes)
  • Auto upload to Github Pages or similar
  • Settings system to save options (color of highlights, artboard size, save location...)

Contributors

Tomás Marques tomasmcm@whitesmith.co (http://tomasmcm.design/)

Based of Frank Rausch's Sketch Click Dummy

Uses the Sketch Sandbox library by Ale Muñoz.

License

MIT License

You can’t perform that action at this time.