Organize your wireframes into a slick presentation.
Switch branches/tags
Nothing to show
Clone or download
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.
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".