Introducing
The Slant team built an AI & it’s awesome
Find the best product instantly
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now
4.7 star rating
0
Development
Web
What are the best tools for webapp UX/UI prototyping?
17
Options
Considered
112
User
Recs.
Oct 1, 2021
Last
Updated
Related Questions
Activity
Have feedback or ideas?
Join our community
on Discord
Ad
15
Options
Considered
Best tools for webapp UX/UI prototyping
Price
Platforms
License
--
Figma
-
-
-
--
Adobe XD
Free or Subscription
-
-
--
Gravit Designer
Free
Linux, Windows, macOS, Web
GPLv3+ or Commercial license
--
Sketch
-
Mac
-
--
Mockplus
-
Windows, Mac, iOS, Android, Web
-
See Full List
--
Figma
My Rec
ommendation
for
Figma
My Recommendation for
Figma
All
11
Experiences
1
Pros
10
Top
Pro
•••
Works in the browser
See More
Russell Lopez's Experience
Very minimal tools that do a lot.
See More
Top
Pro
•••
Provides a free version
Does not require a paid subscription for use. Can be used freely with a lot of features. The free use allows very limited collaboration.
See More
Top
Pro
•••
Allows for real time collaboration
See More
Top
Pro
•••
Allows the design of UI elements from scratch without the need for external Tools
See More
Top
Pro
•••
Really fast
It uses WEBGL and web assembly which makes it blazing fast even for a web based app.
See More
Top
Pro
•••
Provides complete end-to-end Features for UI/UX development
Covers sketching to design to flows and more.
See More
Top
Pro
•••
Import sketch files
See More
Top
Pro
•••
Has all the core functionality you'd expect from something like Sketch
See More
Top
Pro
•••
Live previews for mobile
Mirrors your designs to your phone in realtime.
See More
Top
Pro
•••
Integrates with Slack
Provides integration with Slack.
See More
Hide
See All
Get it
here
Recommend
28
3
--
Adobe XD
My Rec
ommendation
for
Adobe XD
My Recommendation for
Adobe XD
All
11
Experiences
3
Pros
6
Cons
2
Top
Pro
•••
Easy to use interface
It's easy to be productive immediately with XD but it also includes a demo so that you can learn about some of the more powerful features.
See More
Top
Con
•••
No tools for animation
It is possible to create transitions, but this feature is very limited.
See More
PhilosophicalNyame's Experience
Saves a lot of time and it's easy to use. If you have a creative cloud subscription, you already have it
See More
Top
Pro
•••
Cross platform
It's available on both macOS and Windows.
See More
Top
Con
•••
Only good for mockups
XD is not a multi-purpose tool like Sketch. It is not a good tool for logos, icons, or other design assets.
See More
LuckyTuriacus's Experience
The tool itself is simple to pick up if you are long time adobe creative customer and provides both the design and prototype tools together in one software. After using XD for the past 2 years I can confidently say this is about to take over as the leader in UI/UX. It is heavily supported with updates weekly and new features rolling out all the time. Auto Animate is going to change the game when it comes to prototyping websites, applications and anything else you can think of!
See More
Top
Pro
•••
Repeat grid is a timesaver
Creating a list of items is simple with "repeat grid." Just create one and use repeat grid to duplicate that item vertically or horizontally. Then drag and drop text or images to create unique entries for each repeated item.
See More
ResoluteBasmu's Experience
It feels faster, and update are consistent vs others. Illustrator and photoshop work seamlessly. The UI is easy to use.
See More
Top
Pro
•••
UI Kits are available for iOS, Material Design, and more
Includes: iOS Google Material Design Windows UWP Wireframes
See More
Top
Pro
•••
Share online and gather feedback
Allows mockups to be pushed to the web where collaborators can try the mockup and leave feedback.
See More
Top
Pro
•••
Interactive mockups
XD allows you to wire any object to any destination page so that clicking a button asset will take you to a page that you specify. Mockups can also simulate a scrolling page or window.
See More
Hide
See All
Free or Subscription
Recommend
14
--
Gravit Designer
My Rec
ommendation
for
Gravit Designer
My Recommendation for
Gravit Designer
All
19
Experiences
1
Pros
12
Cons
5
Specs
Top
Pro
•••
Completely Free
Costs absolutely no money to get started designing.
See More
Top
Con
•••
Performance Issues
Gravit Designer suffers from performance issues, unlike other vector designers, specifically when using effects like Blur or may be it loading a large design.
See More
Capuccino 's Experience
Gravit Designer is every vector designer's dream while on a budget. It offers you to likeness of Adobe Illustrator without the price. But performance issues make this app a bit more rough on the edges. But I highly recommend this one.
See More
Specs
Platforms:
Linux, Windows, macOS, Web
License:
GPLv3+ or Commercial license
Unoffical download location:
https://github.com/OliBridgman/gravit
Available as:
Snap, AppImage, WebApp
Top
Pro
•••
Large cloud based libraries built-in
It has a huge range of vector symbols and illustrations to start from out of the gate.
See More
Top
Con
•••
Changing rapidly
The fast rate of growth/change for Gravit can be a pro in that in means plenty of new features. However, it also makes the product fairly unpredictable. For example: In the past year, Gravit was open sourced, then closed sourced again.
See More
Top
Pro
•••
Multi platform
Works on Windows, Mac and Linux.
See More
Top
Con
•••
Icon Fonts are not supported
Fonts like FontAwesome are not supported on this platform, the workaround however, is using the SVG kit of your respective fonts.
See More
Top
Pro
•••
Has almost all of the features of more expensive applications
Has comparable features with applications that normally cost a monthly fee.
See More
Top
Con
•••
Bad SVG export
It is not possible to export a "real" SVG, its just embeds bitmap image in SVG.
See More
Top
Pro
•••
Able to open Sketch files
The ability to open Sketch files makes it easier for Linux/Windows users to collaborate with people who use Sketch, which is macOS specific.
See More
Top
Con
•••
Snappy Package can't see system fonts
This would cause a major disadvantage to the platform since it uses the Strict confinement, which does not allow the app to see the fonts.
See More
Top
Pro
•••
Clean and helpful UI
The panels in Gravit adjust to contain the information needed based on the type of element selected, preventing the clutter that Photoshop often experiences.
See More
Top
Pro
•••
Easy to design multiple pages
The ability to assign layers to specific pages, and view single or multiple pages at once makes it easy to design an entire website without getting lost in thousands of layers. Easy to view multiple pages at one time.
See More
Top
Pro
•••
Linux/Mac/Windows/Web Versions
A lot of design tools only work on one OS, while Gravit works on all major operating systems including the web.
See More
Top
Pro
•••
Reusable Elements / Symbols
Style a button or UX/UI element in one place and reuse it across the design. Make a tweak to it once and it syncs across all instances of the element.
See More
Top
Pro
•••
Free
Gravit is completely free to use. It was open source up until a recent release, however there are plans to open source it again in the future.
See More
Top
Pro
•••
Actively developed
Gravit Designer has undergone another face-lift during 2016, and the development of the application has made it even better since.
See More
Top
Pro
•••
Available as a Snap
For the fans of the Linux distribution-agnostic application manager, Snappy, Gravit Designer is available in SnapCraft.io, simply install it using snap install gravit-designer --classic.
See More
Hide
See All
Free
Recommend
7
--
Sketch
My Rec
ommendation
for
Sketch
My Recommendation for
Sketch
All
19
Pros
10
Cons
8
Specs
Top
Pro
•••
Symbols and shared styles
Sketch lets you re-use the same design in multiple places, with changes synced throughout the various places it is used. You can also create text styles to sync typography changes.
See More
Top
Con
•••
No Windows/Linux versions
Sketch is currently Mac only, which can make it hard to collaborate if you have teammates using another OS.
See More
Specs
Platforms:
Mac
Top
Pro
•••
Vector based yet pixel aware
You can rescale assets without quality loss, easily export x2 assets for retina designs and design high quality icons & artwork. Being pixel aware lets you set a grid and snap objects to it as well as round to the nearest pixel edge to clean up your layers.
See More
Top
Con
•••
Slow compared to others
Adobe XD and Figma will create a mockup set and prototype faster with less clicking.
See More
Top
Pro
•••
"Artboards" are great for working on multiple views simultaneously
Artboards let you easily work on multiple views side by side. Great for having a separate artboard on each page for the various responsive sizes.
See More
Top
Con
•••
Limited compatibility with Photoshop and Illustrator
Although it is possible to export certain Adobe file types in Sketch, compatibility is mostly hit and miss. For example, some elements seem a little offset in Adobe products.
See More
Top
Pro
•••
Easily align layers with smart guides
Holding down alt will show the smart guides that show the distances between any layer you hover over to nearby layers or the edges of the artboard. Very useful for checking your spacing or aligning layers.
See More
Top
Con
•••
Buggy releases and lack of quality assurance
The fast rate of change means new releases often break files and cause havoc. Duplicate symbols are really bad in the latest releases so you have to keep updating.
See More
Top
Pro
•••
Built in grid system
You can set the square grid to whatever dimensions you like as well as set thicker lines every x blocks. You can also configure the color of the lines to make them as obvious or subtle as you wish and toggle the grid with a keyboard shortcut (crtl+g)
See More
Top
Con
•••
License based payment model
Sketch has recently decided to cease development of major version (2.0, 3.0, 4.0) with free updates in between, and has switched to a license based subscription model. A yearly license costs $99 and includes the latest version of the Sketch software, plus a year of free updates. After this license expires, you can renew for another year of updates - or continue to use the current software without updates.
See More
Top
Pro
•••
Clean UI
Reactive panels keep the UI for Sketch clean from the sort of clutter the panel system in Photoshop suffers from. The panels in Sketch change based on the object in question, saving you from having to have a multiple separate panels.
See More
Top
Con
•••
No Linux version
Sketch is currently only available on Mac, which can make it hard to collaborate if you have teammates using Linux.
See More
Top
Pro
•••
"Mirror" makes it really easy to test designs on multiple devices
Mirror lets you connect your iPhone to sketch and see how your current artboard looks on mobile. It's really useful as you can live check changes which lets you rapidly iterate mobile design.
See More
Top
Con
•••
No Windows support
See More
Top
Pro
•••
Active community with a lot of resources
Sketch is hugely popular among designers so there are a lot of well maintained community resources for everything from iPhone frames to iOS/Android UI elements & icons.
See More
Top
Con
•••
No way to export higher than 72 dpi
Sketch was not made for print design, but this also means if you want to print your designs and put them on a wall, your pdfs or pngs will look blurry. There's no way to export at 300dpi or higher without involving other tools such as Adobe Illustrator.
See More
Top
Pro
•••
Makes it easy to export assets
Sketch has a built in exporter that supports PDF, JPG and PNG.
See More
Top
Pro
•••
Designed specifically for web and mobile UI design & workflows
Sketch is essentially a version of Photoshop built from the ground up to suit the workflow of web designers.
See More
Hide
See All
Get it
here
Recommend
11
8
--
Mockplus
My Rec
ommendation
for
Mockplus
My Recommendation for
Mockplus
All
9
Pros
6
Cons
2
Specs
Top
Con
•••
No Linux version
Mockplus is available for Windows, Mac, Android, and iOS, but not Linux.
See More
Top
Pro
•••
Large ready-made component library
There's a large library of 200 pre-designed components that help you with building mockups as fast and easy as possible.
See More
Specs
Platforms:
Windows, Mac, iOS, Android, Web
Top
Con
•••
Requires paid subscription to export design
If you want to export the HTML, you have to subscribe to a Pro account ($6.50/month).
See More
Top
Pro
•••
Easy to use
You can get started easily without learning or training. Beginners can master the tool in a short period of time.
See More
Top
Pro
•••
Rapid prototyping without a single line of code
Mockplus has a very intuitive interface that lets you quickly build your prototypes with no programming needed. You are able to create interactive components with the drag and drop feature.
See More
Top
Pro
•••
Newly added 3000+ SVG icons
There will be around 3000 icons for your free use, with around 2500+ vector icons integrated with the previous 400+ flat icons. Check for more here.
See More
Top
Pro
•••
Creating interactive wireframes/prototypes is fast
You can quickly build interactive prototypes using the drag and drop. A set of pre-designed components, including pop-up panel, stack panel, scroll box, sliding drawer and image carousel, helps you create the prototype faster.
See More
Top
Pro
•••
Free version is available
There is a free version available.
See More
Hide
See All
Get it
here
Recommend
14
--
Affinity Designer
My Rec
ommendation
for
Affinity Designer
My Recommendation for
Affinity Designer
All
1
Specs
Specs
Platforms:
Windows, MacOS, IOS
Export image formats:
PNG, JPEG, GIF, TIFF, PSD, PDF, SVG, EPS, EPS, EXR, HDR
Hide
$49.99
Recommend
4
--
Invision
My Rec
ommendation
for
Invision
My Recommendation for
Invision
All
9
Experiences
1
Pros
6
Cons
2
Top
Pro
•••
Free plan
Invision offers a free plan to anyone that is limited to one project. While the free plan is a bit limited it does allow the user to trial the software for as long as they like to decide on its merits and whether it is worth paying for the more robust options.
See More
Top
Con
•••
While Invision acts as an all-in-one environment for design, it may become a nuisance
These times, teams are not using just a single app or tool for everything. It's not unheard of for teams to be using up to a dozen different tools for their work. Invision works as an all-in-one environment for product design and unfortunately it does not integrate with other tools. This may be a nuisance for teams that want to integrate different tools in their workflow.
See More
ResoluteBasmu's Experience
It just doesn't have a use if you already own Creative Suite or other prototyping applications.
See More
Top
Pro
•••
Presents designs in a way that mimics an actual web browsing experience
Once uploaded on Invision, the screen will be presented in a way that will behave as an actual web page. This is especially easy for showing the work to clients, more so if compared to just showing them a .PDF, which may make it look like the page is "too crowded".
See More
Top
Con
•••
Expensive for just a hosting platform
Invision is a tool for building click through prototypes and getting feedback on them, you need to design everything in another app and upload them, it isn't a design tool.
See More
Top
Pro
•••
Supports gestures, transitions & animations for web, iOS & Android
Hotspot links can be created for every page, and once it's done, for each one of them gestures and transitions can be registered. Invision supports various gesture types: swiping, double tapping, sliding, etc...
See More
Top
Pro
•••
Real-time collaboration and VOIP chat
Live Share allows you to collaborate in real-time using an in-browser screen share. Each collaborator gets their own mouse, so you can easily point and see what someone is talking about. You can also sketch, and chat right inside the Live Share interface. Invision's Live Share gives team members the ability to collaborate in real-time through a screen share inside their browser. Each collaborator has their cursor which they can use and edit or add notes in real-time. On top of that, Invision also has a VOIP chat which works inside the browser.
See More
Top
Pro
•••
Design files are automatically synced and their version history tracked
Invision uses Invision Sync or Dropbox to automatically save design files on the cloud. Furthermore, it has version control built in. This is especially helpful if a team is going through different versions for a specific design and they want to return again and again to previous designs.
See More
Top
Pro
•••
Great built-in feedback features
Invision allows clients, stakeholders or any team members to leave comments and feedback inside the design which will be displayed as a point on the page itself. These paints can be discussed or even be turned into tasks. This makes it easy for designers to go through what they need to work on, and once it's done, the task can be checked off.
See More
Hide
See All
Get it
here
Recommend
2
1
--
Fluid UI
My Rec
ommendation
for
Fluid UI
My Recommendation for
Fluid UI
All
5
Pros
5
Top
Pro
•••
Quick and easy testing on device
Once your app is ready for testing you can get it working on your phone and test it with real users.
See More
Top
Pro
•••
Awesome version control
Every action you or your team takes automatically creates a revision you can easily revert to.
See More
Top
Pro
•••
Supports realistic gestures & transitions
You can simulate all the typical iOS gestures such as tap, double tap, swipe & long hold. These gestures then can trigger animated transitions such as sliding, fading, pop in, & flip. This enables you to create very realistic interactable demos of your app. Checkout the demo page for some examples.
See More
Top
Pro
•••
Makes it easy to plan out the app workflow
Fluid isn't just about wireframing static screens. You can plan out all the user flows and then define the transitions between them. This is really handy for planning out the entire user workflow.
See More
Top
Pro
•••
Tools for team collaboration
Live collaboration for teams on projects
See More
Hide
See All
Get it
here
Recommend
6
1
--
Inkscape
My Rec
ommendation
for
Inkscape
My Recommendation for
Inkscape
All
9
Pros
6
Cons
2
Specs
Top
Pro
•••
It's really easy and fun
You can edit and create vector graphics with Inkscape.
See More
Top
Con
•••
Unstable
Sometimes it just crashes without any reason, so it's not really usable as professional application.
See More
Specs
Platforms:
Windows, macOS, Linux, Unix
License:
GPL-2.0-or-later
Technology:
C++
Initial Release:
2003
Top
Pro
•••
Integrates well into a X11-System
Its uses the X11 icon theme and desktop theme(GTK).
See More
Top
Con
•••
Very slow startup on some systems
Depending on factors like how many fonts you have installed, Inkscape can take upwards of 30 seconds to launch.
See More
Top
Pro
•••
Export to different file types
You can export and save your files for example as a "normal" svg, png, jpg, bmp etc. file.
See More
Top
Pro
•••
Cross-platform
Pre-built binaries are available for Windows, Mac and Linux. Inkscape can be built from source on additional platforms.
See More
Top
Pro
•••
Opens lots of file types
Inkscape supports many common formats for import (including SVG, Photoshop and Illustrator) and its plugin architecture allows more to be added.
See More
Top
Pro
•••
Free and open source
Inkscape is GPL-licensed and maintains public repositories.
See More
Hide
See All
FREE
Recommend
2
--
Pencil V3
My Rec
ommendation
for
Pencil V3
My Recommendation for
Pencil V3
All
5
Pros
4
Cons
1
Top
Pro
•••
Sketch look
So commenters won't focus nor comment on colors or graphical details.
See More
Top
Con
•••
Desktop tool: not very adapted for large collaborations
See More
Top
Pro
•••
Lots of built-in widgets
See More
Top
Pro
•••
Easy to use
See More
Top
Pro
•••
Free and open source
See More
Hide
See All
Free / paid
Recommend
2
--
Balsamiq
My Rec
ommendation
for
Balsamiq
My Recommendation for
Balsamiq
All
8
Experiences
1
Pros
6
Cons
1
Top
Con
•••
Stifling innovation
Doing anything that is not directly supported by Balsamiq's conservative component library is next to impossible. User is forced to think within the corset of yesterday's standards.
See More
Top
Pro
•••
Keyboard shortcuts
You can use common keyboard shortcuts like Shift to select multiple elements or to resize while maintaining proportions, F2 for renaming labels etc.
See More
ResoluteBasmu's Experience
I don't understand the point of this app. You can do low fidelity in any other application for mockup/prototyping - or draw on paper. This one is tedious and starts to become expensive if you have multiple projects.
See More
Top
Pro
•••
Usability testing features
You can link together pages to create shareable user demos.
See More
Top
Pro
•••
Awesome team collaboration features
myBalsamiq has been built with teams in mind and has a variety of featured to support collaborating on the mockups: • Notifications - Real-time notifications to enable you to keep track of team member actions • Revision Control - All mockups have a revision history to enable reverting to previous versions and keeping track of design decisions. • Skype Integration - Easy to use Skype integration to host design reviews. • Access Control - Access controls allow sharing projects with team members as well as allowing external reviewers to leave comments on the designs.
See More
Top
Pro
•••
Low-fidelity UI elements
All the Balsamiq UI elements are drawn by hand and have a really nice low-fidelity design.
See More
Top
Pro
•••
Large & extensible UI element library
Balsamiq has a built in library of over 75 built-in user interface components and 187 icons, as well as community generated plug-ins.
See More
Top
Pro
•••
Clean and easy to use interface
Balsamiq has a very easy to use drag and drop interface that lets you quickly build and adjust your mockups. The UI is centered around low-fidelity wireframes that help focus the reviews on the core layout and functionality instead of getting hung-up on visual design.
See More
Hide
See All
$12-249/m
Recommend
1
1
--
Froont
My Rec
ommendation
for
Froont
My Recommendation for
Froont
All
3
Pros
2
Cons
1
Top
Pro
•••
Free for public websites
Froont is free for anyone with a public website. This means you agree to your project being shared on the Froont website, where other Froont users may use the design.
See More
Top
Con
•••
Buggy auto-save
Froont does not provide users with a way to save work, instead making you rely on the auto-save feature that saves every minute. However it's been known to be buggy and not save progress.
See More
Top
Pro
•••
Allows creating responsive pages
Froont allows you to set media queries for creating responsive websites. It provides other features for making responsive sites easily, such as an easily adjustable grid.
See More
Hide
See All
Get it
here
Recommend
1
--
Pidoco
My Rec
ommendation
for
Pidoco
My Recommendation for
Pidoco
All
5
Pros
5
Top
Pro
•••
Live preview
Direct simulation of prototypes possible by switching from editing to preview mode.
See More
Top
Pro
•••
Easily share and collect reviews
So simple to invite reviewers and collaborators and to collect feedback!
See More
Top
Pro
•••
Easy to use
Pidoco has a simple, intuitive drag&drop interface. Context menus and context-sensitive toolbars make editing super quick.
See More
Top
Pro
•••
Includes custom templates that speed up prototyping
Can use a variety of options to save time and avoid duplicate work, e.g. layers, custom elements, scroll frame references. Global layers and reusable custom templates speed up prototyping.
See More
Top
Pro
•••
Lots of dynamic UI elements and icons
Pidoco offers a large library of 400+ interactive interface elements as well as an extensive set of icons as building blocks.
See More
Hide
See All
Free / paid
Recommend
2
--
Icons8 Lunacy
My Rec
ommendation
for
Icons8 Lunacy
My Recommendation for
Icons8 Lunacy
All
4
Pros
3
Specs
Top
Pro
•••
Helps to create designs in .sketch format on Windows
Works with all versions of sketch files.
See More
Specs
Platforms:
Windows, Linux, Mac
Top
Pro
•••
Doesn't require internet connection
See More
Top
Pro
•••
It is free
See More
Hide
See All
Free+
Recommend
1
--
Octopus.do — Visual Sitemap Builder
My Rec
ommendation
for
Octopus.do — Visual Sitemap Builder
My Recommendation for
Octopus.do — Visual Sitemap Builder
All
3
Pros
3
Top
Pro
•••
No sign up model
See More
Top
Pro
•••
Fast & Easy
See More
Top
Pro
•••
Team collaboration
See More
Hide
See All
Get it
here
Recommend
1
Don't see your favorite option? Add it.
--
ProtoPie
My Rec
ommendation
for
ProtoPie
My Recommendation for
ProtoPie
$129
Recommend
1
--
Pixate
My Rec
ommendation
for
Pixate
My Recommendation for
Pixate
Get it
here
Recommend
1
See flagged products
Hide flagged products
Built By the Slant team
Find the best product instantly.
4.7 star rating
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now - it's free
One sec!
Are you sure that you want to abandon your hard work?
Delete Work
Continue working
{}
undefined
url next
price drop