UX prototyping tools

Choosing the right tool for the job is key for any project, and it’s certainly key when it comes to rapid prototyping. But with so many UX prototyping tools out there how do you decide which tool to choose? Well don’t worry because help is at hand. To complement my guide to choosing the right UX prototyping tool I’ve listed 32 (yes thirty two!) different UX prototyping tools. You can also download an Excel spreadsheet with all the tools listed using the link below.

Excel spreadsheetDownload as Spreadsheet
View as Google Spreadsheet

Types of UX prototyping tools

UX prototyping tools come in all shapes and sizes. For the purposes of categorising different tools I’ve defined the following types:

The type of UX prototyping tool that is most suitable will depend on the type of prototype that you need (see how to choose the right UX prototyping tool) and whether you want to create the UI using the tool, or just use it to create an interactive prototype.

UI editors and prototypers

UI editors and prototypers allow you to create and edit a UI, along with creating an interactive prototype. Most tools come with an extensive library of UI widgets and components and support dynamic content and interactions.

Adobe Experience Design (XD)

They say: Design and prototype websites and mobile apps with Adobe Experience Design (XD), the first all-in-one tool for UX. Adobe XD is made for fast, fluid UX design with innovative tools that eliminate speed bumps and deliver breakthrough performance. Switch from design to prototype in a single click. Quickly create wireframes and visual designs, preview changes in real time, and share prototypes with your team for instant feedback.

Adobe XD screenshot

Adobe Experience Design screenshot

Price Part of Adobe Creative Cloud:
£17.15/month (1 app) | £45.73/month (all CC apps)
App type Mac app
Good for Websites | Mobile apps
Fidelity Low to high fidelity
Learning curve High learning curve
User community Large community
Libraries Can utilise existing Adobe Photoshop and Illustrator libraries.
Collaboration Feedback via tool

 

Axure RP

They say: Create Prototypes of websites & apps without coding. Over 60% of the Fortune 100 Use Axure RP.

Axure RP screenshot

Axure screenshot

Price $289 Standard app | $589 Pro app
App type Windows app | Mac app
Good for Websites | Mobile apps
Fidelity Low to high fidelity
Learning curve High learning curve
User community Large community
Libraries Extensive libraries available covering Web, iOS, Android etc..
Collaboration Feedback via tool and shared projects (Pro only)

 

Balsamiq

They say: 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.

Balsamiq screenshot

Balsamiq screenshot

Price $89 App | $12/month Web app
App type Windows app | Mac app | Web app
Good for Websites | Mobile apps
Fidelity Low fidelity
Learning curve Low learning curve
User community Medium community
Libraries Extensive libraries available covering Web, iOS, Android etc..
Collaboration Feedback via tool and shared projects (Web app only)

 

Briefs

They say: Create a brief with Briefs and you can hand your designs to people in a way they can play with. You can quickly incorporate their feedback and create new iterations quickly for them to retest.

Briefs screenshot

Briefs screenshot

Price $199 App
App type Mac app | iOS app
Good for Mobile apps
Fidelity Low to high fidelity
Learning curve High learning curve
User community Small community
Libraries Libraries for iOS
Collaboration No feedback through tool

 

Fluid

They say: Join 300,000 designers in 204 countries who use Fluid UI to visualise the flow of their mobile apps.

Fluid screenshot

Fluid screenshot

Price Free (1 project, 10 pages) | $12/month Lite | $29/month Standard
App type Web app
Good for Mobile apps
Fidelity Low to high fidelity
Learning curve Medium learning curve
User community Large community
Libraries Extensive libaries available covering iOS, Windows mobile and Android etc..
Collaboration Feedback captured through tool

 

HotGloo

They say: HotGloo is a better way to create wireframes and prototypes for web & mobile.

HotGloo screenshot

HotGloo screenshot

Price $14/month (2 projects) | $28/month (5 projects)
App type Web app
Good for Websites | Mobile apps
Fidelity Low to high fidelity
Learning curve High learning curve
User community Small community
Libraries Extensive libaries available covering Web, iOS, Android etc..
Collaboration Feedback via tool and shared projects

 

Indigo Studio

They say: With our rapid prototyping tool, Indigo Studio, let your users and stakeholders experience your Web, desktop, or mobile application idea and find the right design – all without writing a single line of code.

Indigo studio screenshot

Indigo studio screenshot

Price $495 App
App type Windows app | Mac app
Good for Websites | Mobile apps
Fidelity Low to high fidelity
Learning curve High learning curve
User community Very large community
Libraries Extensive libaries available covering Web, iOS, Android etc..
Collaboration Feedback via tool

 

JustInMind

They say: Justinmind Prototyper provides you with the best design solution to prototype feature-rich mobile apps, websites, web products and/or enterprise applications, and more.

JustInMind screenshot

JustInMind screenshot

Price $495 App | $19/month
App type Windows app | Mac app
Good for Websites | Mobile apps
Fidelity Low to high fidelity
Learning curve High learning curve
User community Large community
Libraries Extensive libaries available covering Web, iOS, Android etc..
Collaboration Feedback via tool and shared projects

 

Keynotopia

They say: Keynotopia transforms Keynote and PowerPoint into the best rapid prototyping tools for creating mobile, web and desktop app mockups.

Keynotopia screenshot

Keynotopia screenshot

Price $97 (Requires Keynote, Powerpoint or OpenOffice)
App type Powerpoint & Keynote add-on
Good for Websites | Mobile apps
Fidelity Low to high fidelity
Learning curve Low learning curve
User community Small community
Libraries Extensive libaries available covering Web, iOS, Android etc..
Collaboration No feedback through tool

 

MockFlow

They say: MockFlow is an online Design suite providing collaborative web services for creative designers and usability engineers.

MockFlow screenshot

MockFlow screenshot

Price Free (1 project) | $14/month Premium | $29/month TeamPack
App type Web app
Good for Websites
Fidelity Low fidelity
Learning curve Medium learning curve
User community Small community
Libraries Library for standard UI components
Collaboration Feedback via tool and shared projects

 

Mockingbird

They say: Mock up an application with Mockingbird and show what’s important: the idea, the information, the interaction.

Mockingbird screenshot

Mockingbird screenshot

Price $9/month (2 projects) | $20/month (10 projects) | $40/month (25 projects)
App type Web app
Good for Websites
Fidelity Low fidelity
Learning curve Low learning curve
User community Small community
Libraries Library for standard UI components
Collaboration Feedback via tool and shared projects

 

Mockplus

They say: Mockplus is an all-in-one tool which allows you to create prototypes for mobile apps, desktop apps and web apps. Link your pages together with a drag-and-drop option. Create interactive pages and components effortlessly with simple drag-and-drop.

Mockplus screenshot

Mockplus screenshot

Price Free | $6.50/month
App type Web app
Good for Websites | Mobile apps
Fidelity Low to High fidelity
Learning curve Medium learning curve
User community Small community
Libraries Extensive library for standard UI components
Collaboration No feedback through tool

 

proto.io

They say: Create fully-interactive high-fidelity prototypes with proto.io that look and work exactly like your app should. No coding required.

Proto.io screenshot

Proto.io screenshot

Price $24/month (5 projects) | $40/month (10 projects) | $80/month (15 projects)
App type Web app
Good for Websites | Mobile apps
Fidelity Low to high fidelity
Learning curve High learning curve
User community Large community
Libraries Extensive libaries available covering iOS, Windows mobile and Android etc..
Collaboration Feedback via tool

 

ProtoShare

They say: ProtoShare is an easy-to-use, collaborative prototyping tool that helps teams visualize requirements with website wireframes and interactive software and mobile prototypes while working together in real-time.

ProtoShare screenshot

ProtoShare screenshot

Price $29/month (No reviewers) | $49/month (10 reviewers) | $59/month (Unlimited reviewers)
App type Web app
Good for Websites | Mobile apps
Fidelity Low to high fidelity
Learning curve High learning curve
User community Medium community
Libraries Extensive libaries available covering iOS, Windows mobile and Android etc..
Collaboration Feedback via tool and shared projects

 

UXPin

They say: Manage your entire UX design process within UXPin, even if you use Sketch or Photoshop. Always work with your layered design files — not flat files.

UXPin screenshot

UXPin screenshot

Price $19/month Basic | $29/month Pro | $49/month Pro+
App type Web app
Good for Websites | Mobile apps
Fidelity Low to high fidelity
Learning curve High learning curve
User community Large community
Libraries Extensive libaries available covering iOS, Windows mobile and Android etc..
Collaboration Feedback via tool (user testing capture also supported)

 

Mock-up prototypers

Mock-up prototypers allow you to create an interactive prototype from existing screens and UI elements. Mock-ups will need to have been created beforehand in a tool such as Adobe PhotoShop and then imported into the tool.

Atomic

They say: Atomic is the fastest way to design beautiful interactions. Work your way up from a blank canvas, or pull in designs from Photoshop or Sketch. Share your prototypes with anyone or view on any device via a humble URL. Lay out your states and instantly animate between them, without coding a thing.

Atomic screenshot

Atomic screenshot

Price $15/month (Starter) | $25/month (Pro) | $35/month (Unlimited)
App type Web app
Good for Websites | Mobile apps
Fidelity High fidelity
Learning curve Low learning curve
User community Medium community
Libraries No libraries (screens created outside of tool)
Collaboration Feedback via tool and shared projects (Pro & Unlimited only)

 

Concept.ly

They say: Create fully interactive prototypes with Concept.ly that look & work exactly like your app.

Concept.ly screenshot

Concept.ly screenshot

Price Free (2 projects) | $9.99/month
App type Web app
Good for Websites | Mobile apps
Fidelity Low to high fidelity
Learning curve Low learning curve
User community Small community
Libraries No libraries (screens created outside of tool)
Collaboration Feedback captured via tool

 

Flinto

They say: Flinto makes it quick and easy to create prototypes that look just like the real thing. And Flinto doesn’t disrupt your current workflow because it uses the screens you’ve already designed.

Flinto screenshot

Flinto screenshot

Price $99 App | $20/month Web app
App type Mac app | Web app
Good for Websites | Mobile apps
Fidelity High fidelity
Learning curve Low learning curve
User community Small community
Libraries No libraries (screens created outside of tool)
Collaboration Feedback captured via tool and shared projects

 

Hype

They say: Create beautiful HTML5 web content. Interactive web content and animations made with Tumult Hype 3 work on desktops, smartphones and iPads. No coding required.

Hype screenshot

Hype screenshot

Price $49.99 Standard App $ 99.99 Pro
App type Mac app
Good for Websites
Fidelity High fidelity
Learning curve High learning curve
User community Medium community
Libraries No libraries (screens created outside of tool)
Collaboration No feedback through tool

 

InVision

They say: InVision is the world’s leading prototyping, collaboration and workflow platform. Just upload your designs and add hotspots to transform your static screens into clickable, interactive prototypes complete with gestures, transitions, and animations.

InVision screenshot

InVision screenshot

Price Free (1 project) | $15/month (3 projects) | $25/month Professional
App type Web app
Good for Websites | Mobile apps
Fidelity High fidelity
Learning curve Low learning curve
User community Very large community
Libraries No libraries (screens created outside of tool)
Collaboration Feedback via tool (user testing capture also supported) and shared projects.

 

Koncept

They say: Stop guessing and start making interactive prototypes that feel real with Koncept. Use powerful analytics tools to get objective and measurable usage insights.

Koncept screenshot

Koncept screenshot

Price $30/month | $100/month (with analytics)
App type Web app
Good for Websites | Mobile apps
Fidelity High fidelity
Learning curve Low learning curve
User community Small community
Libraries No libraries (screens created outside of tool)
Collaboration User testing capture supported

 

Savah

They say: Savah lets you transform your static screens into code-free, quick interactive prototypes for web and mobile. Build quick interactive high-fidelity prototypes for any device without writing a single line of code. With Savah everyone can transform their designs into attractive interactive prototypes.

Savah screenshot

Savah screenshot

Price Free (1 project) | $9/month (5 projects) | $25/month (unlimited projects) | $49/month (5 team members)
App type Web app
Good for Websites | Mobile apps
Fidelity High fidelity
Learning curve Low learning curve
User community Small community
Libraries No libraries (screens created outside of tool)
Collaboration Feedback via tool and shared projects (team account only)

 

Solidify

They say: Solidify lets you create clickable prototypes from sketches, wireframe, or mockup. Validate user flows on any device by performing user tests in person, remotely or on your testers own time to get the feedback you need.

Solidify screenshot

Solidify screenshot

Price $19/month Basic | $49/month Plus
App type Web app
Good for Websites | Mobile apps
Fidelity Low to high fidelity
Learning curve Low learning curve
User community Large community
Libraries No libraries (screens created outside of tool)
Collaboration Feedback via tool (user testing capture also supported)

 

Mobile app prototypers

Mobile app prototypers allow you to create a native mobile app prototype. Like mock-up prototypers screens and UI elements will need to have been created beforehand and then imported into a tool.

Form

They say: Build and customize native prototypes directly on a device with Form.

Form screenshot

Form screenshot

Price Free
App type Mac app
Good for Mobile apps
Fidelity Low to high fidelity
Learning curve Very high learning curve
User community Medium community
Libraries No libraries (screens created outside of tool)
Collaboration No feedback through tool

 

Framer

They say: Framer is a prototyping tool that uses code to make anything possible. Pioneer new patterns and make groundbreaking design.

Framer screenshot

Framer screenshot

Price $99 App
App type Mac app
Good for Mobile apps
Fidelity High fidelity
Learning curve Very high learning curve
User community Medium community
Libraries No libraries (screens created outside of tool)
Collaboration No feedback through tool

 

Origami

They say: Origami is a free tool for designing modern user interfaces. Quickly put together a prototype, run it on your iPhone or iPad, iterate on it, and export code snippets your engineers can use.

Origami screenshot

Origami screenshot

Price Free
App type Mac app
Good for Mobile apps
Fidelity High fidelity
Learning curve High learning curve
User community Large community
Libraries No libraries (screens created outside of tool)
Collaboration No feedback through tool

 

Pixate

They say: Experience Real, Native Prototyping. Pixate generates 100% native prototypes, so you can experience your ideas on device as if they’re completely real.

Pixate - screenshot

Pixate – screenshot

Price Free (no sharing) | $5/month Share projects
App type Windows app | Mac app
Good for Mobile apps
Fidelity High fidelity
Learning curve High learning curve
User community Large community
Libraries No libraries (screens created outside of tool)
Collaboration Feedback via tool

 

Principle

They say: Principle makes it easy to create animated and interactive user interface designs. Whether you’re designing the flow of a multi-screen app, or new interactions and animations.

Principle screenshot

Principle screenshot

Price $99 App
App type Mac app
Good for Mobile apps
Fidelity High fidelity
Learning curve Low learning curve
User community Small community
Libraries No libraries (screens created outside of tool)
Collaboration No feedback through tool

 

Website builders

Website builders allow you to create responsive websites using a drag and drop GUI interface.

Webflow

They say: Webflow is a website builder that automatically generates clean code as you design. You don’t have to rely on a developer to write code for you.

Webflow screenshot

Webflow screenshot

Price Free (1 site, 2 pages) | $14/month (1 site, 80 pages per site) | $16/month (20 sites, 80 pages per site)
App type Web app
Good for Websites
Fidelity High fidelity
Learning curve High learning curve
User community Very large community
Libraries Library available covering common UI widgets
Collaboration Shared projects (Team version only), no feedback through tool

 

Webydo

They say: Bring any web design to life with pixel-by-pixel accuracy, independently. Webydo will automatically convert your design into an updated HTML code + CMS (Content Management System) for your client.

Webydo screenshot

Webydo screenshot

Price $25/month Pro | $45/month Team | $125/month Agency
App type Web app
Good for Websites
Fidelity High fidelity
Learning curve High learning curve
User community Large community
Libraries Library available covering common UI widgets
Collaboration No feedback through tool

 

Weld

They say: You want to build your own website or app. Your options are either programming tools, or template-based tools that will never look or behave as you envisioned it. Weld adds a third option: a visual tool where YOU control the design and the interactivity.

Weld screenshot

Weld screenshot

Price Free (Weld branding) | $9/month (no branding)
App type Web app
Good for Websites
Fidelity High fidelity
Learning curve High learning curve
User community Small community
Libraries Library available covering common UI widgets
Collaboration No feedback through tool

 

See also

2 Comments

  1. shai
    25th August 2016 @ 10:55 am

    Hey, loved your article about mockup tool, maybe try ux-app.com, we have the most complex events prototyping solution online today. great day!

    Reply

  2. Brian
    26th September 2016 @ 11:13 am

    Hi, thanks for the post. Very useful for anyone comparing prototyping tools. Here at Fluid UI we have made a lot of advances in recent months including a new player app which makes user testing even easier. Thanks for the mention.

    Reply

Leave a Reply