I have nothing to do with design, because I don't know how to mix two colors. Some time ago, I've read about some tools which are used in the creation of interfaces for application and web pages.

In that article were mentioned some tools, and one of them was a free firefox add-on. I'm not looking specifically for that add-on, but the idea is that those types of applications aren't very advanced in order to be used by professionals in the design field.

Do you have any idea about what I'm talking about? Can you name some of those applications?

  • 1
    are you asking about 'wireframing' tools? – DA01 Sep 22 '11 at 12:56
  • 1
    @DA01: It sure sounds like it. – Philip Regan Sep 22 '11 at 13:40

I use two Wireframing tools

Have fun :)

  • "almost a working web app" uh, no. It 'looks' like a working app but, alas, the code Axure creates is horrendous. Axure has its places but it's important to realize it's nothing like the actual working app under the hood. – DA01 Sep 22 '11 at 17:56

For most wireframing I use a pencil, paper and markers. I find it's the quickest method for me. For more detailed stuff I may jump into a vector illustration app (AI or Inkscape or the like) or use some of the drawing apps on the iPad for that.

  • Sometimes pencil and paper really works best. – Lauren-Reinstate-Monica-Ipsum Sep 22 '11 at 18:33
  • They really do (and whiteboard rocks) – user7179 Nov 11 '12 at 13:09

In addition to Mateus' answer, any basic vector drawing tools will do the job. Presentation software such as MS PowerPoint, OpenOffice Impress, Apple Keynote work well, as you can show changes over multiple pages or using basic animation. You probably have one of these available to you right now...

More complex vector drawing tools such as MS Visio, Inkscape or Adobe Illustrator can also be used.

Although UI element libraries won't be included out-of-the-box for any of these, you'll be able to find some for download.


This one http://softwareprototyping.net/review-justproto/ JustProto is a good thing to try between Axure and BAlsamiq :)


Take a look at WireframeSketcher wireframing tool. Here's what it can do for you:

Website wireframe

  • It's a matter of preference. Many users feel that wobbly lines communicate better that a screen is just an idea sketch and not a final design. You can switch to straght lines if you wish. – Peter Severin Jul 31 '13 at 4:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.