A good tool to visually design graphical user interfaces for iOS devices?


I'm developing an iOS apps and I need to find an easy design tool, something that would allow me to drag widgets into my GUI, and visually build it.

I'm currently using Adobe Illustrator with this nice kit: http://blogs.adobe.com/jnack/2010/12/illustrator-ipad-sketch-elements.html

But Illustrator is not that straightforward to use. It is a bit too much work to drag the elements, encupsulate them into other elements, resize them, etc. I don't feel very comfortable with it.

Also, I've seen Blueprint for iPad ( http://itunes.apple.com/us/app/blueprint ) which seems exactly what I want, but I don't like for 2 reasons:

  1. I can't export the interface in any format beside PDF, and therefore it is difficult to work with designers (pdf, or ai needed).

  2. I would prefer to have a mac app, I think I can be more productive dragging items with mouse and keyboard.

8/16/2012 9:31:00 PM

Accepted Answer

I can point you to Balsamiq Mockups which is a great tool for designing sketchy mockups and they have many iphone/ipad interface elements available.

It is only for a mockup though, you can use it as a base for a real design or UI but it's not lifelike. It is an Adobe Air application IIRC and wil work on multiple platforms including the Mac.

Export is available in PDF and PNG but not much else, so that could be a negative for you.

5/20/2011 1:24:00 PM

You might want to check out "MockingPad" on the iPad. That's what I stated using for wireframing. I love photoshop so I am using http://www.teehanlax.com/blog/ipad-gui-psd-version-2/ Also I should mention using LiveView Screencaster for previewing your work on the device itself.