24 Top UX Prototyping Tools with Downloadable Comparison Table
The sheer amount of choice of UX prototyping tools can be pretty overwhelming, so here’s an overview of the top 24 tools, together with a FREE downloadable pdf table so that you can easily compare them.
Let’s get started
Atomic
Description |
Powerful and scalable prototyping that lets you tackle complexity with confidence. Use simple interactions or advanced animation to bring your Sketch designs to life. |
Verdict |
Create prototypes for web and mobile. The structure is similar to Sketch in that you create Pages and Artboards, which adds a level of familiarity to Sketch users. |
App type |
Web app |
Fidelity |
Lo to hi |
Collaboration |
Feedback tool available |
Link |
atomic.io |
Axure RP
Description |
Create simple click-through diagrams or highly functional, rich prototypes with conditional logic, dynamic content, animations, math functions, and data-driven interactions without writing a single line of code. |
Verdict |
Powerful tool that allowing detailed interaction to be prototyped for websites and apps. A fairly steep learning curve. |
App type |
Installable app for Mac and Win |
Fidelity |
Lo to hi |
Collaboration |
Feedback tool available on live prototypes via the web |
Link |
axure.com |
Balsamiq
Description |
Balsamiq Mockups is a rapid wireframing tool that helps you Work Faster & Smarter. It reproduces the experience of sketching on a whiteboard, but using a computer. |
Verdict |
Quick to learn and put together wireframe designs with ease. |
App type |
Installable app for Mac and Win and web app |
Fidelity |
Lo to hi |
Collaboration |
Feedback tool available on live prototypes via the web app only |
Link |
balsamiq.com |
Easee
Description |
Easee is a web animation tool for designers. Create smooth animations that can be exported as CSS so that you can import them into your own web project. |
Verdict |
Short learning curve to bring your designs to life. |
App type |
Wab app |
Fidelity |
Hi |
Collaboration |
Unknown ATM |
Link |
|
Flinto
Description |
Flinto lets designers quickly make interactive prototypes of their mobile, desktop, or web apps. |
Verdict |
Comprehensive app, allowing you to create anything from simple tap-through prototypes to comprehensive prototypes with impress interactions. Sketch images can be imported and transitions and user behaviours can be easily added. |
App type |
Mac app and web app (Flinto Lite) |
Fidelity |
Lo to hi |
Collaboration |
Feedback available in the tool and shared projects |
Link |
flinto.com |
Fluid
Description |
Easier web and mobile app prototyping for people who care about products |
Verdict |
Powerful and easy to learn. Design or upload screens and add animated interactions |
App type |
Web app |
Fidelity |
Hi |
Collaboration |
Invite collaborators and stakeholders to review and comment on your prototypes |
Link |
fluidui.com |
Form
Description |
Build and customize native prototypes directly on device. Prototype with the latest material design components, touch ripples, and more. |
Verdict |
Prototype mobile apps. Fair decent learning curve |
App type |
Mac app |
Fidelity |
Hi |
Collaboration |
No feedback tool |
Link |
relativewave.com/form/ |
Framer
Description |
Design the impossible with Framer. Start with simple code to bring your design to life. Test it on any device, iterate as you go and share easily for feedback. Pioneer new interaction patterns or create groundbreaking animation. No limits, no constraints. |
Verdict |
A great tool for prototyping complex interaction designs and animations for mobile |
App type |
Mac app |
Fidelity |
Hi |
Collaboration |
No feedback tool |
Link |
framer.com/ |
Hype
Description |
Create beautiful HTML5 web content. Interactive web content and animations made with Tumult Hype work on desktops, smartphones and iPads. No coding required. |
Verdict |
Uses a keyframe-based animation system, however this comes with a high learning curve. It’s a good tool for websites prototyping. |
App type |
Mac app |
Fidelity |
Hi |
Collaboration |
No feedback tool |
Link |
tumult.com/hype |
Invision
Description |
The world’s leading prototyping, collaboration & workflow platform. Upload your design files and add animations, gestures, and transitions to transform your static screens into clickable, interactive prototypes. |
Verdict |
Low learning curve and it is well supported int he community |
App type |
Web app |
Fidelity |
Hi |
Collaboration |
Feedback tool available with user testing |
Link |
|
Justinmind
Description |
Justinmind provides the best solution to prototype web and mobile apps. You can define apps for Web, iOS, and Android in a few clicks, without writing a single line of code. |
Verdict |
Can create sophisticated prototypes with great tools, however there is fairly decent learning curve. The Free version is very limiting. |
App type |
Installable app for Mac and Win |
Fidelity |
Lo to hi |
Collaboration |
Present your prototype and invite stakeholders to give feedback |
Link |
justinmind.com |
Keynotopia
Description |
Keynotopia transforms Keynote and PowerPoint into the best rapid prototyping tools for creating mobile, web and desktop app mockups |
Verdict |
Low learning curve |
App type |
Requires Keynote, Powerpoint or OpenOffice |
Fidelity |
Lo to hi |
Collaboration |
No feedback tool provided |
Link |
keynotopia.com |
Marvel
Description |
Simple design, prototyping and collaboration. Create screens directly in Marvel or add your images from Sketch or Photoshop, then add gestures and transitions. |
Verdict |
Create prototypes for the iPhone, iPad, Desktop, Apple TV, Apple Watch and Andrpoid |
App type |
Web app |
Fidelity |
Hi |
Collaboration |
Clients and colleagues can comment directly on each screen or drop annotations |
Link |
marvelapp.com |
MockFlow
Description |
MockFlow is an online design suite providing collaborative web services for creative designers and usability engineers |
Verdict |
A good tool for wireframing websites. A fair learning curve. |
App type |
Web app |
Fidelity |
Lo |
Collaboration |
Feedback tool available |
Link |
mockflow.com |
Mockingbird
Description |
Mock up an application and show what’s important: the idea, the information, the interaction |
Verdict |
A good tool for wireframing websites |
App type |
Web app |
Fidelity |
Lo |
Collaboration |
Clients and teammates can edit wireframes with you in real time |
Link |
gomockingbird.com |
Mockplus
Description |
Fast interaction, fast design, fast previewing and fast learn. No code or technical expertise required. Prototype design is easier than ever. |
Verdict |
Great for websites and mobile apps. Fair learning curve |
App type |
Installable app for Mac and Win |
Fidelity |
Lo to hi |
Collaboration |
No feedback tool |
Link |
mockplus.com |
Origami
Description |
Explore, iterate, and test your ideas. A new tool for designing modern interfaces. Copy anything from Sketch and paste native layers into Origami Studio. Then quickly adjust, add behavior and animate any layer property without going back. |
Verdict |
Perfect for creating sophisticated mobile prototypes with realistic animations and interactions |
App type |
Mac app |
Fidelity |
Hi |
Collaboration |
No feedback tool |
Link |
origami.design |
Principle
Description |
Principle makes it easy to design animated and interactive user interfaces. Whether you’re designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing. |
Verdict |
Quick to learn |
App type |
Mac app |
Fidelity |
Hi |
Collaboration |
No feedback tool |
Link |
principleformac.com |
Proto.io
Description |
Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required. |
Verdict |
Easy to make a quick mock-up using the extensive library of ui elements and nice transitions are available. Quite a high learning curve. |
App type |
Web app with players for iOS and Android |
Fidelity |
Lo to hi |
Collaboration |
Reviewer accounts are available for clients to give feedback |
Link |
proto.io |
UXpin
Description |
Speedy wireframing. Seamless transition from wireframes to mockups & prototypes. Fully collaborative across the entire UX design process. |
Verdict |
Great for websites and mobile apps. Supported by a large community and extensive libraries. |
App type |
Web app |
Fidelity |
Lo to hi |
Collaboration |
Easily to share prototypes with stakeholders and gather feedback |
Link |
uxpin.com |
Vectr
Description |
Vectr is a free graphics software used to create vector graphics easily and intuitively. It’s a simple yet powerful web and desktop cross-platform tool to bring your designs into reality. |
Verdict |
Prototypes can be designed on the web or desktop app for Win and Mac and are kept in sync. Not as feature rich as other apps atm, however this will change. |
App type |
Installable app for Mac and Win |
Fidelity |
Lo to hi |
Collaboration |
Collaboration is on the roadmap |
Link |
vectr.com |
Webflow
Description |
Build dynamic, responsive websites without writing code. Launch with a click, and enjoy the fastest, most reliable hosting on the web. Or export clean, semantic code to hand off to your devs. |
Verdict |
Webflow gives you the power to build websites your way — visually — while producing clean, standards-compliant HTML, CSS, and JavaScript that developers will love. The down side being a high learning curve. |
App type |
Web app |
Fidelity |
Hi |
Collaboration |
Shared projects (Team version only), no feedback through tool |
Link |
webflow.com |
Xcode
Description |
Xcode 8 includes everything you need to create amazing apps for iPhone, iPad, Mac, Apple Watch, and Apple TV. |
Verdict |
Perfect for cutting down on redundant work and misunderstandings when designing and developing mobile apps. Software engineers can immediately iterate the work of a designer. A pretty steep learning curve. |
App type |
Mac app |
Fidelity |
Hi |
Collaboration |
No feedback tool |
Link |
developer.apple.com/xcode/ |
XD
Description |
Go from idea to prototype faster with Experience Design CC, the first all-in-one cross-platform tool for designing and prototyping websites and mobile apps. |
Verdict |
Easy to use and powerful |
App type |
Installable app for Mac and Win |
Fidelity |
Hi |
Collaboration |
Feedback tool available |
Link |
adobe.com/uk/products/experience-design.html |
Get your FREE UX Prototyping Tools Comparison Table
A handy comparison table of the top 24 UX Prototyping tools to help you make a choice.
Download my FREE 24 UX Tools Comparison Table
Need help prototyping?
Our in house team of UX Design and Research Experts have unrivalled experienced with mobile prototyping design and research – our experience goes right back to the first ever smartphone don’t you know 😉
Email us now for your complimentary initial consultation.
You might also like:
The Biggest list of 35 FREE UX Books