Latest Tech

Top UX Prototyping Tools for UI/UX Designers Invision Sketch Adobe XD Marvel UXPin Figma Axure RP 9 Framer X Webflow Fluid UI Proto.io Mockplus Justinmind Invision Design better. Faster. Together. The digital product design platform powering the world’s best user experiences. Price 1 prototype: Free 3 prototypes: USD 15 per month per user Unlimited prototypes: USD 25 per month per user Platforms Web-based Prototype for Desktops iOS devices Android devices Pros One of the most used and mature tools for prototyping. You won't run into trouble in the industry using this. Integration with a lot of services such as Sketch and Photoshop. Good for presentation and sharing. Cons The web-based nature of Invision means that it can sometimes get laggy, slow or crash. It can slow down tremendously if you are creating many screens. The initial learning curve is high. Sketch Create, prototype, collaborate and turn your ideas into incredible products with the definitive platform for digital design. Price USD 99 per year per user Platforms macOS Prototype for Desktops iOS devices Android devices Pros and Cons Sketch was deliberately put after Invision as these 2 are usually used together and they complement each other well. Sketch is definitely lacking in a lot of features such as responsive designing, real-time collaboration and sharing. However, it has a resourceful ecosystem of plugins with different features that designers may utilize according to their needs. It is only available on macOS. Adobe XD Design at the speed of thought. Adobe XD started off rather late in 2016 but is rapidly catching up in features. Price XD Starter plan: Free! It comes with only 1 active shared prototype, 1 active shared design spec, limited fonts and 2GB cloud storage. XD plan: USD 9.99 per month per user. Unlimited prototypes and design specs. 100 GB cloud storage. Part of Adobe Creative Cloud Platforms macOS Windows Prototype for Desktops iOS devices Android devices Voice-driven smart assistants Pros It is light-weight and you can easily share your prototype with clients or stakeholders. Designers will require very minimal time to learn Adobe XD as the interface is similar to Photoshop. Adobe offers the complete ecosystem from Photoshop to Illustrator that comes together in the Adobe CC. Cons The add-ons ecosystem for Adobe XD is certainly not as large as that of Sketch yet. If you are desperately in need of some features, providing your feedback to Adobe might be more helpful than searching for a plugin. Marvel Supercharge your design productivity. Marvel is perfect for individuals and teams of all sizes. Start for free. Price Free: 1 project for 1 user. With Marvel branding. Pro: USD 16 per month per user, billed monthly. USD 12 per month per user, billed yearly. Unlimited projects. No Marvel branding. Platforms Web-based Prototype for Desktops iOS devices Android devices Pros Marvel is simple and user-friendly. It is suitable for both beginners and professional designers. It integrates with Sketch. It offers free Prototyping on Paper (POP) app on iOS and Android to convert pen and paper ideas into interactive iPhone or Android prototype. Just take a photo of your sketching with the app and add some interaction to create a flow. This is fun and interesting as you can create a prototype on the go during a meeting or when traveling. Cons Marvel is web-based only, without any offline solutions. It has limited functionalities compared to Invision and Adobe XD but it is definitely doing its job. UXPin If you can imagine it, you can design it. Design, prototype, collaborate all in one place. Price Free trial for 2 weeks Basic: USD 19 per month per user, billed monthly. 20% discount when billed yearly. Unlimited prototypes. Advanced: USD 29 per month per user, billed monthly. 20% discount when billed yearly. It comes with the powerful features of UXPin such as contextual documentation, conditional logic, expressions and variables. Platforms macOS Windows Prototype for Desktops iOS devices Android devices Pros UXPin is the most complete and advanced prototyping tools out there. Unlike the other prototyping tools, its interaction is not created by linking screens. Instead, you are able to code conditional interactions to set rules such that interaction may only happen based on the rules. The prototypes are nearest to the end-product as you can code the components with JavaScript. It supports Sketch import and soon it will support the import of HTML webpages too. It has UXPin Mirror apps in iOS and Android where any changes you make to the design will be reflected instantly. Cons It costs more than the other tools. It can get very slow when your prototype is complex. Figma Where teams design together. Figma helps teams create, test, and ship better designs from start to finish. Price Starter plan: Free for up to 2 users and 3 projects. Professional plan: USD 15 per month per user, billed monthly. 20% discount when billed monthly. USD 12 per month per user, billed yearly. Unlimited projects. Organization plan: USD 45 per month per user, billed yearly. Moe features including private plugins and advanced security. Platforms Web-based macOS (optional) Windows (optional) Prototype for Desktops iOS devices Android devices Pros Figma is basically the Google Docs for prototyping tools. it offers the best collaborative solution allowing your team to work together seamlessly from anywhere, with real-time editing and commenting. Cons It may get laggy and slow as more people are working together on a prototype. Axure RP 9 Axure RP 9 is the most powerful way to plan, prototype, and handoff to developers, all without code. Download a free trial and see why professionals choose Axure RP. Price Free trial for 30 days. Pro plan: USD 29 per month per user, billed monthly. Platforms macOS Windows Prototype for Desktops iOS devices Android devices Pros Axure RP has been established since 2003. It helps you to create diagrams, customer journeys, and wireframes. Framer X Always interactive, lightning-fast design. Bring your creative ideas to life with Framer, the best tool for interactive design. Create responsive layouts, design realistic prototypes, and bring everything closer to production—all in one place. Price Free trial for 14 days. Individual plan: USD 15 per month per user, billed monthly. 20% discount when billed annually. Platforms macOS Prototype for Desktops iOS devices Android devices Price Framer X boasts the world’s largest prototyping library (Component Store) with free design resources such as sliders, maps, working inputs, etc. Simply choose from the library when designing. Though not as powerful as UXPin, when moving from screen to screen, Framer X allows you to add simple transition effects such as direction, momentum, etc. You can drag and drop interactive components such as animations, data, and rich media elements to your prototypes to make it feel more real. Cons Having released only in 2018, there are more improvements to be made. Framer X is only available on macOS. Webflow Break the code barrier. Build better business websites, faster. Without coding. Price Free Individual Plan: It is free forever and supports up to 2 projects. Lite Individual plan: USD 24 per month per user, billed monthly. USD 16 per month per user, billed annually. Support up to 10 projects and code export. Pro Individual plan: USD 42 per month per user, billed monthly. USD 35 per month per user, billed annually. Support unlimited projects and white labeling. Platforms Web-based Prototype for Desktops Mobile web Pros Webflow is more than just a prototyping tool. You can use it to design and create interactions, build your contents and launch your website. They even offer a hosting solutions. As such, you can imagine that your prototypes made with Webflow will contain real code. As the prototypes are almost fully functional, developers will just need to inspect the code, export the code, and set up in the server before going live. It is lightning fast. Cons Though it is said that no technical knowledge is required, the designers are advised to learn HTML and CSS in order to make full use of Webflow. Native apps for iOS and Android are not supported. Fluid UI Break the code barrier. Build better business websites, faster. Without coding. Price Free plan: It is free forever and supports up to 1 project with a maximum of 10 pages. Solo plan: USD 15 per month per user, billed monthly. USD 8.25 per month per user, billed annually. Support up to 3 projects. Pro plan: USD 25 per month per user, billed monthly. USD 19.08 per month per user, billed annually. Support up to 15 projects. Platforms Web-based macOS Windows Linux Prototype for Desktops iOS devices Android devices Pros Fluid UI is easy to use for beginners. It has an existing built-in library with 2000 components and also those from Material Design, iOS, Windows and Wireframe libraries. You can also add more to your personal libraries. In its reviewer mode, you can also invite your clients, stakeholders and developers to click through your prototype, chat together and add annotations for everyone to see. Proto.io Prototypes that feel real. Price Free trial for 15 days. Freelancer plan: USD 29 per month per user, billed monthly. 20% off for yearly payment. 5 active projects. Startup plan: USD 49 per month per 2 users, billed monthly. 20% off for yearly payment. 10 active projects. Agency plan: USD 99 per month per 5 users, billed monthly. 20% off for yearly payment. 15 active projects. Corporate plan: USD 199 per month per 10 users, billed monthly. 20% off for yearly payment. 30 active projects. Platforms Web-based Prototype for Desktops iOS devices Android devices Pros Proto.io's ready-to-use drag-and-drop library allows you to do rapid prototyping. The library is equipped with components that are in line with iOS guidelines. Mockplus Design faster. Collaborate better. Price for Mockplus RP Free trial for 7 days Individual plan: USD 199 per year. 1 user. Unlimited prototypes. Team plan: USD 1999 per year. 10 users. Unlimited prototypes. Enterprise plan: USD 9999 per year. 30 users. Unlimited prototypes. Price for Mockplus idoc Free plan: 5 users. 10 projects Team plan: USD 49 per month. 5 users. Unlimited projects. Team Pro plan: USD 159 per year. 15 users. Unlimited prototypes. Platforms Web-based macOS Windows Prototype for Desktops iOS devices Android devices Pros Used widely in East Asian markets. Justinmind All-in-one prototyping tool for web and mobile apps. From wireframes to highly interactive prototypes. Price Free plan: Unlimited users. Unlimited prototypes. Features limited to web and mobile app wireframing, without advanced features such as web interactions and animations. Professional plan: USD 29 per month per user, billed monthly. USD 19 per month per user, billed annually. Unlimited prototypes. Pro features. Enterprise plan: USD 49 per month per user, billed monthly. USD 39 per month per user, billed annually. Unlimited prototypes. Pro features plus integrations and support. Platforms Web-based macOS Windows Prototype for Desktops iOS devices Android devices

Latest Tech

Top UX Prototyping Tools for UI/UX Designers

Invision

Tech-enabled Remote Qualitative Research for UX

Upcoming Events

UX Brighton 2020: UX and Product Management (Brighton, England)

World Usability Congress 2020 (Graz, Styria, Austria)

Seattle Interactive Conference 2020 (Seattle, USA)

Adobe MAX 2020 (Los Angeles, California, United States)

Recent Posts

Top 5 Web Design Trends 2020

Top 5 Content Strategy Trends You Can’t Avoid in 2020

Top 6 UX and design conferences in Asia 2020

The best UX and design conferences in 2020

Sign up for our Newsletter