Organize your wireframes into a slick presentation.
CSS JavaScript Python
Latest commit 22c9c8c Apr 27, 2014 @antennaio export folder added
Permalink
Failed to load latest commit information.
export
static
templates
.gitignore
README.md
fabfile.py
kit.py
launch.py
requirements.txt
wireframes.ini
wireframes.spec

README.md

Omnigraffle Wireframing Kit

Omnigraffle Wireframing Kit helps to organize your wireframes into a slick presentation.

Demo

Go to http://antenna.io/demo/omnigraffle-wireframing-kit/export for a demo.

Installation

You may want to start with creating a new virtualenv:

virtualenv --no-site-packages wireframing-kit
. wireframing-kit/bin/activate

Clone and setup the kit:

git clone https://github.com/antennaio/omnigraffle-wireframing-kit.git
cd omnigraffle-wireframing-kit
pip install -r requirements.txt
fab start

Now you can open "http://localhost:5000" in your browser.

Configuration

Edit wireframes.ini to modify or add wireframes or devices to your project.

Exporting wireframes from Omnigraffle

Open Omnigraffle files from the "static/omnigraffle/" folder to edit the wireframes. When ready go to "File > Export...". Select "HTML image map" format. Select "Entire Document" in the "Export Area" menu. Confirm with "Save".