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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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

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.

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.

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.