Make click-through prototypes from screen designs.
clickdummy lets you create click-through prototypes from screens you design in a tool like Sketch or Photoshop. Well, ususally you would do this with a third party solution like inVision. But sometimes you can't.
clickdummy is for you if:
- You need a self hosted or local prototype, maybe due to NDA constraints.
- You want to quickly integrate an image-based prototype into an HTML prototype.
- You need a free solution for your prototype.
- Download zip
Setting up could not be easier: Download the zip file and unzip it. 🤩 Done! 🤩 - Copy Images
Export your screens and move them into the pageimages folder. - Define Pages
Open the file pages.yaml and edit the list of pages.
The goto and animation parameters define what page will appear next and how. - Open Prototype
Open the file index.html in the Firefox browser
- Link from one screen to the next
- Define Hotspots for specific parts of the screen
- Define the dimensions of your prototype
- Use animations for page transitions
- Home-Screen App: install the prototype as a Home-Screen App
- Integrate the clickdummy prototype into an existing HTML prototype
Planned Features
- Linking to other webpages
- Top- and Bottom Bars
- Form fields
- Adding HTML Code
For a detailed documentation visit https://clickdummy.lessamess.ch/
clickdummy is open-source software and published under the MIT Licence.