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
Productivity
Software
Mobile Apps
What are the best tools for creating app mockups?
6
Options
Considered
14
User
Recs.
Dec 2, 2023
Last
Updated
Related Questions
Activity
Have feedback or ideas?
Join our community
on Discord
Ad
6
Options
Considered
Best tools for creating app mockups
Price
Platforms
License
--
Moqups
$12-39/mo
Web
-
--
Figma
-
-
-
--
Adobe XD
Free or Subscription
-
-
--
Sketch
-
Mac
-
--
Draw.io
Free
Web, desktop
Apache v2 (Github repo too)
See Full List
--
Moqups
My Rec
ommendation
for
Moqups
My Recommendation for
Moqups
All
4
Experiences
1
Pros
1
Cons
1
Specs
Top
Pro
•••
Nice Bootstrap elements
Most mockup tools do the rough look kind of thing but some clients like to see how things are really going to look and so using Bootstrap for just about all projects is a big win.
See More
Top
Con
•••
Comments are on a different section than the pages section.
This makes it difficult to review all comments for a page that you are on so if you are sharing an online meeting session with a client who just wants to see what's going on you have to click on each comment to see it. Would be nice to have a comments tab along the right side that is visible as you navigate from page to page.
See More
TRH's Experience
Dead simple. Was up and running in minutes and had an 5 page application design done within a couple of hours. You can share your design with anyone under the free version and are able to add collaborators to your design very easily.
See More
Specs
Platforms:
Web
Hide
See All
$12-39/mo
Recommend
5
--
Figma
My Rec
ommendation
for
Figma
My Recommendation for
Figma
All
6
Pros
6
Top
Pro
•••
Works in the browser
See More
Top
Pro
•••
Allows for real time collaboration
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
•••
Live previews for mobile
Mirrors your designs to your phone in realtime.
See More
Top
Pro
•••
Has all the core functionality you'd expect from something like Sketch
See More
Top
Pro
•••
Integrates with Slack
Provides integration with Slack.
See More
Hide
See All
Get it
here
Recommend
2
--
Adobe XD
My Rec
ommendation
for
Adobe XD
My Recommendation for
Adobe XD
All
9
Pros
6
Cons
3
Top
Con
•••
No Linux Version
XD does not support officially linux platform
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
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
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
Top
Con
•••
No tools for animation
It is possible to create transitions, but this feature is very limited.
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
•••
Cross platform
It's available on both macOS and Windows.
See More
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
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
Hide
See All
Free or Subscription
Recommend
2
1
--
Sketch
My Rec
ommendation
for
Sketch
My Recommendation for
Sketch
All
15
Pros
9
Cons
5
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
•••
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
Specs
Platforms:
Mac
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
•••
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
•••
"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 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
•••
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
•••
No Windows support
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
Top
Con
•••
Very feeble raster tools
You have to go elsewhere if you want something more complex than basic vector masking of raster images.
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
•••
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
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
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
Hide
See All
Get it
here
Recommend
1
--
Draw.io
My Rec
ommendation
for
Draw.io
My Recommendation for
Draw.io
All
5
Pros
4
Specs
Top
Pro
•••
Integrates with multiple cloud storage services
Draw.io offers saving files directly to services such as Google Drive, OneDrive or Dropbox along with saving to the computer.
See More
Specs
Platforms:
Web, desktop
License:
Apache v2 (Github repo too)
Top
Pro
•••
Good list of different output formats
Draw.io supports export for PNG, GIF, JPEG, PDF, SVG, HTML, and XML.
See More
Top
Pro
•••
Rich functionality for a web-based application
See More
Top
Pro
•••
Completely free
See More
Hide
See All
Free
Recommend
2
--
ScreenCube
My Rec
ommendation
for
ScreenCube
My Recommendation for
ScreenCube
All
3
Pros
2
Cons
1
Top
Pro
•••
3D Interaction
Fully interactive 3D scene for a deep level of customization and flexibility when creating mockups.
See More
Top
Con
•••
Still in Beta
See More
Top
Pro
•••
Web-based
Can use on any device in your browser.
See More
Hide
See All
Free or Subscription
Recommend
1
Don't see your favorite option? Add it.
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