ProtoReady utilizes Diagram connectors and the Webslice extension to define hotspots and view areas respectively. A ready prototype can then be opened in a modern browser. A minified version of Zepto is incorporated into to the script which means one can use Zepto/jQeury syntax in developing further one's prototype.
Place the ProtoReady files in the Inkscape extensions folder which are located at
/Applications/Inkscape.app/Contents/Resources/extensions (Right-click the Inkscape icon to access the context menu and choose "Show Package Content")
$HOME/.inkscape/extensions
C:\Programes\Inkscape\share\extensions
-
Load the ProtoReady extension via Extensions > ProtoReady > install/update…
-
Define view areas with the Web slicer extension
- Create the first web slicer area via Extensions> Web > Slicer > Create a slicer rectangle
- Position and resize slice to desired view area.
- Duplicate and edit the slice for other view areas
- Wire up hotspots and view areas
- Click (ctrl+F2) the diagram tool and connect a hotspot with a slicer view area. It's easier to first hide the Web slicer layer and leave the connection open ended at first. Then move the connector up to the Web slicer layer and
- Extend with a component library