Features

Integrated with Eclipse

WireframeSketcher integrates seamlessly in your favorite IDE. You can organize wireframes into projects, store your work under version control and use the same tool on Windows, Mac OS X and Linux. You can use it with Eclipse but also with Aptana Studio, Flash Builder, Flex Builder, ColdFusion Builder, MyEclipse, RadRails, Rational Application Developer, Servoy Developer, SpringSource Tool Suite and Zend Studio.

Eclipse integration

Fast and easy to use

The interface is optimized for speed. Multiple shortcuts allow an efficient keyboard use. The properties view requires a minimum number of clicks to get what you need. The toolbar and the context menu allow you to easily discover what’s available.

Properties

45+ standard widgets

WireframeSketcher comes with an extensive set of widgets. You’ll find buttons, checkboxes, trees, tables, you name it. Widget data can be edited in-place using F2, Enter or double-click. Widgets are smart and can recognize various text formatting instructions and represent them graphically.

Palette

Mockups Gallery

Make use of the user-contributed Mockups Gallery to jump-start your mockups and to get inspiration from. Find Android, iPhone, iPad stencils and other useful resources and share your own contributions with the community.

Mockups Gallery iPhone Stencil

Flexible wiki formatting

Wiki formatting lets you style any widget that supports text. Using a simple markup you can make bits of text bold, italic, underlined and even insert icons to make checkboxes, radio buttons and more.

Wiki styling example

Everything you would expect from a graphical editor

Don’t be afraid to experiment with unlimited undo and redo. Zooming, panning, printing, it’s all there. Group widgets in reusable units and manipulate them all at once. Use grid snapping, smart guides and rulers to quickly position and size screen elements.

Widget grouping
Grid and guides

Use your own images

Missing a widget? Want to include a logo? WireframeSketcher lets you use your own images. Color images can be conveniently drawn in black and white to blend in with the overall look of the wireframe.

Image widget

140+ contour icons

WireframeSketcher comes with more than 140 icons for your to choose from. Icons come in 4 different sizes, can be colored and can be used virtually anywhere. Just hit Ctrl+Space while editing a widget’s text.

Icons

Create reusable bits with Masters

Do you need a common template for all your screens? Want to reuse that standard dialog in multiple places? Use master screens to do just that. Changes to the master screen propagate automatically and are instantly visible in all the screens that use it.

Master screens

Storyboarding support

There is a simple and intuitive storyboard editor. Use it to mockup your use-cases and show how the UI responds to user actions and changes in time.

Storyboarding

Show off your wireframes and storyboards

Need to discuss a wireframe without the rest of the IDE getting in your way? Want to make a presentation of the prototype to your client? The full-screen presentation mode is one mouse click away. Want to send around your wireframes and storyboards? Just export you work to PDF or PNG and you are all set. You can always print out your wireframes on paper and then discuss them with your clients face to face.

Presentation mode

Open, XML-based format

Wireframes are stored in an open XML-based format. You can easily store your screens under version control and use standard Eclipse tools to track changes and to perform diffs and merges when needed.

Track screen changes

Choose your own font

Need a sober look? Just use the default system font. Need something more sketchy? Then Comic Sans is your friend. You can set the font globally or per screen.

Per screen font
Default font

Import SWT windows and dialogs

If you are developing using SWT toolkit then you’ll appreciate the possibility to import your UI into an editable wireframe. Go ahead and sketch a better UI.

SWT UI spy plugin