App development · Graphic design

What are the best tools for managing wireframes?

Raza H. Malik Co-Founder & CEO of The BOGO App, Inc.

Last updated on January 24th, 2018

My company is in the process of onboarding a UI/UX specialist to help us strengthen the app, create more responsive designs, utilize consumer psychology to create a more value-added product and I wanted to ensure we set her up with the best platform for managing the wireframes of our mobile applications (iOS & Android).


I'm wondering what tools other people have used and found effective in managing design changes, collaboration amongst multiple parties, and allows us to see past wireframes and compare them against current, and future designs (so we can observe and see the changes made over time, and how select wireframes have evolved as our business does)?


Thanks!

Raza


EDIT: Currently using Invisio.

Jorge Calderon Lead developer. Large data-driven federal government systems. Master's in software engineering.

June 1st, 2019

Use Sketch to build your design, then load it into Zeplin. It makes the handoff from UI designer to front end developer a breeze. You can also load from Sketch into Adobe InVision to demo interactive prototypes.

Erick Yamashita Product Designer at Nubank Brasil

January 24th, 2018

Figma works pretty well. https://www.figma.com

Ilya Lipovich Angel Investor/Operations leader

January 24th, 2018

We regularly load Wireframes into Invisionapp or Sketch. This allows for collaboration and creation of the clickable prototype. We actually talk about these tools in one of our blog posts. I will be happy to discuss with you how my company can assist in your needs. https://getcider.com/software-development-discovery-phase/#more-3634

Jemir Martinez Founder & CEO of ModiPhit

January 24th, 2018

Greetings Raza, For wireframes I would suggest Balsamiq and for prototyping I would suggest Atomic. Both tools are great and really helpful. I first used Balsamiq to “draw” my design then used Atomic to add real life icons, buttons, pictures, and transitions. Good luck!

Rita Turkowski Gaming Business Review

January 24th, 2018

I usually start with Balsamiq (old habits die hard) but lately, I'm moving more and more into Sketch (with Craft plug-in), but mobile, try bubble.is

Erica Singh Patalysical AI developer

January 25th, 2018

Check out Draw.io. It’s a great free Web tool for wireframes. Or you could also check out Desygner. It’s more layout based design and most add on are usually paid. Unlike draw.io.

Md. Shahadat Hussain CEO Of Droitlab

April 28th, 2019

There are many wireframe tools you can use to manage your wireframe.


The 14 Best Wireframe Tools :

  • Sketch (macOS) - for passing wireframes off to third-party apps
  • InVision Studio (macOs) - for wireframing for multiple screen sizes
  • Adobe XD (macOS, Windows) - for a complete wireframe > prototype tool
  • Figma (Web, macOS, Windows, Linux) - for real-time collaboration
  • UXPin (Web, macOS, Windows) - for handing off design documentation to developers
  • InVision Freehand (Web) - for collaboration on a whiteboard-like canvas
  • Balsamiq (macOS, Windows, Web) - for beginners
  • Proto.io (Web) - for user experience testing
  • Moqups (Web) - for wireframing interaction design flows
  • Adobe Illustrator (macOS, Windows, iOS) - for detailed vector wireframes
  • Affinity Designer (macOS, Windows, iOS) - for a lightweight alternative to Adobe Illustrator
  • Adobe Photoshop (macOS, Windows, iOS) - for detailed pixel-based wireframes
  • Marvel (Web) - for pre-designed wireframe templates
  • Canva (Web) - for quick marketing wireframes and visual hand-offs

George Vou Entrepreneur - formerly cofounder of @funifi and @adjelly. Making new moves into Food Tech

January 24th, 2018

Proto is pretty cool if you're looking for something a little higher quality https://proto.io/


Moqup also does a good job with the basics.

Dave Focused on building sustainable annuity revenue

April 30th, 2019

There’s a reason why Balsamiq works for me. I don’t like to get stuck on worrying about straight lines and finicky detail until the workflow process is solidified in my mind and sketched in something quick. Once that is done and signed off I would then spend time on the pretty pictures which you can use any other tools for. Starting with pretty pictures and having everything too tidy will mean that if you get the process wrong you need to spend a lot of time cleaning up pretty pictures.