7 Free Tools To Create Wireframes And Prototypes Easily

Wireframe is a basic visual guide used in UI design. It allows to design and develop Varity of UI layouts and visualize them before actually developing the UI. While paper drawing is the most simple technique, using software to create wireframes is becoming increasing popular and simpler. There are software that would let you to quickly prototype for even a complex project.

wireframe_example

Recommended Reading:

Here in this post we look at some free tools that are available for creating wireframes.

1. fluidIA

FluidIA is an agile UI prototyping software that is available for free. It is an emerging agile design tool for prototyping rich user interfaces. Some key features of fluidIA are:

- Speed and Agility : Provides support for truly rapid prototyping and changes of interface representations. Even if the document contains 100 screens with multiple states, it should be easy to make changes quickly

- Rich Interaction : Provides support for the expression of rich interactions. UI designers should be able to define state changes and transitions to create highly interactive prototypes.

- Collaboration: Provides support for collaboration. Design ideas are easily sharable with others and diverse ideas are easily merged

- Alternation : It affords the widening of the design space by means of creating design alternatives

fluidia_logo

More info here.

2. EightShapes Unify

EightShapes Unify is a collection of templates, libraries, and other assets that enable user experience designers to create more consistent, effective deliverables faster. The system utilizes the Adobe Creative Suite of products; primarily, Adobe InDesign is the key authoring tool.

The system is often used by designers – and larger user experience teams – to rapidly produce artifacts like design strategy, wireframes, style guides, specs, and more.

eightshapes_unify

More info here.

3. Gliffy Online

With Gliffy online diagram software, you can easily create professional-quality flowcharts, diagrams, floor plans, technical drawings, and UI diagrams. You could create basic wireframe for free.

gliffy_logo

More info here.

4. HotGloo

HotGloo is a rich internet application designed to build functional online wireframes for a website or web projects. It lets you create and share fully interactive online prototypes, collaborate with colleagues and share the output with clients. HotGloo is the perfect match for anyone working on web projects. It provides a 30 days trial period.

HotGloo

More info here.

5. Napkin Look & Feel

The Napkin Look & Feel is a pluggable Java look and feel that looks like it was scrawled on a napkin. You can use it to make provisional work actually look provisional, or just for fun. It is released under a BSD-style license. It lets you to create a complete look and feel of the GUI that can be used while the thing is not done. This is all implemented using the Java Swing pluggable Look & Feel framework.

napkin_look

More info here.

6. iPlotz

iPlotz allows you to rapidly create clickable, navigable mockups and wireframes for prototyping websites and software applications. It lets you create a project, add wireframe pages with design components and discuss your creations with others. It does have a free option of basic online use of one project limited to 5 wireframe pages.

logo_iPlotz

More info here.

7. Pencil

The Pencil is a unique tool build as a free and open source tool for making diagrams and GUI prototyping that everyone can use. It has some nice features that give a touch competition to the commercially available ones.

Top features:

  • Built-in stencils for diagramming and prototyping
  • Multi-page document with background page
  • Inter-page linkings!
  • On-screen text editing with rich-text supports
  • Exporting to HTML, PNG, Openoffice.org document, Word document and PDF.
  • Undo/redo supports
  • Installing user-defined stencils and templates
  • Standard drawing operations: aligning, z-ordering, scaling, rotating…

  • Cross-platforms
  • Adding external objects
  • Personal Collection
  • Clipart Browser
  • And much more…

pencil

More info here

Related Posts with Thumbnails