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
What is the best alternative to Prototyping on Paper?
Ad
Ad
ProtoPie
All
8
Experiences
Pros
7
Specs
Top
Pro
Smooth and gradual learning curve
As the interface is very clean and simple, it enables you to create interactions by combining objects, triggers and responses just like that. No need for wireframing or shitty mockups, just get to hi-fi prototyping right away.
See More
Top
Pro
Native prototyping
Deploy prototypes on any device right away. What's the point of prototyping mobile apps if you cannot deploy it on your mobile devices easily?
See More
Top
Pro
IoT, Interactions across devices
Create prototypes e.g. chat platforms, payment apps etc. and deploy them on multiple devices and have them communicate with each other.
See More
Top
Pro
Utilizes sensors very easily
Easily control the sensors of smart devices in your prototype, such as tilt, sound, compass, proximity sensor, vibration motor and 3D Touch sensors.
See More
Top
Pro
Runs on Mac and Windows
It offers the same features on both MacOS and Windows. Plus, you can switch machines as long as you are logged in to ProtoPie Studio.
See More
Top
Pro
Fast and easy sharing
Sharing is very easy via the cloud. Open the prototype in desktop or mobile browser, or deploy the prototype on the ProtoPie Player app. All is possible.
See More
Top
Pro
Code Free
No coding needed to do interactions for your prototypes. You just choose the objects and link them with the triggers and responses you want to based on your preferred interactions.
See More
Specs
Platforms:
macOS, Windows, iOS & Android
Hide
See All
Experiences
$129
57
4
UXPin
All
6
Experiences
Pros
4
Cons
2
Top
Pro
UXPin has great advanced features for prototyping
integration if this then dop that and custom javascript functionality
See More
Top
Con
Expensive subscription model
$29 per user/mo ($350 pa) will soon rack up compared to a standalone product like Axure PRO ($450) which has a license that lasts years (they have given out free updates for the last 2 versions).
See More
Top
Pro
Actively developed
UXPin is constantly being updated with new features.
See More
Top
Con
Steep learning curve
UXPin is one of the more complex prototyping tools. Combined with a lack of documentation, it can be discouraging for first time users.
See More
Top
Pro
Import from PhotoShop and Sketch
A pro UXPin account will allow you to import existing projects from PhotoShop or Sketch.
See More
Top
Pro
Extensive library of elements and patterns
UXPin offers elements from a wide range libraries. This includes responsive frameworks such as Bootstrap and Foundation, and libraries specific to mobile prototyping.
See More
Hide
Get it
here
12
0
Origami
All
9
Experiences
Pros
6
Cons
3
Top
Pro
Completely free
Origami is offered to the public completely free, no monthly plans, no upfront cost whatsoever.
See More
Top
Con
Steep learning curve
Origami is a toolkit for Quartz Composer, and unfortunately the learning curve for it is quite steep. Especially for beginners.
See More
Top
Pro
Powerful animations and interactions
Origami was actually built to help Facebook designers work on Paper, one of Facebook's latest apps. Every animation that is coded into Origami was first made for Paper. It uses powerful 3D effects and some of the most advanced features for scrolling, tapping and swiping to create a faithful and interactive prototype.
See More
Top
Con
Mac only
Since Origami is not an app in and on itself, but a plugin for Quartz Composer, which is built by Apple. Therefore, Origami is only available for Mac and for a developer to download and use it, they need to register as an Apple Developer.
See More
Top
Pro
Native testing
Developers can develop their prototypes with origami through their desktops, but the testing itself is done on the native devices.
See More
Top
Con
Mouse driven interactions
There's no way to directly test the tactile interface.
See More
Top
Pro
No code required
Origami is built by designers for designers. As such, it allows for quick prototyping without writing a single line of code.
See More
Top
Pro
Open source
Origami is free and open source and it is hosted on GitHub.
See More
Top
Pro
Like only-Mac-integration! Great app! Thank you.
See More
Hide
See All
Experiences
Get it
here
19
1
Adobe XD
All
8
Experiences
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
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
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
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
Experiences
Free or Subscription
54
3
HotGloo
All
3
Experiences
Pros
2
Cons
1
Top
Pro
Seamless
HotGloo's interface is designed to be intuitive. You won't have to invest a lot of time in trying to figure out how it works. You can jump straight into work and rely on the abundance of tutorials, webinars, and documentation in case you get stuck.
See More
Top
Con
Expensive subscription model
$27 a month soon racks up to a lot of money, a standalone product will be much cheaper in the long run.
See More
Top
Pro
Interactive
HotGloo makes collaboration and interaction easy. You can add others to your account and send projects for review and feedback rounds.
See More
Hide
$13
3
0
Principle
All
4
Experiences
Pros
3
Cons
1
Top
Pro
Comprehensive help & examples
You can find videos for the Principle app course here.
See More
Top
Con
Mac only
Sadly iOS centric.
See More
Top
Pro
Simple Sketch import
Import Sketch layers easily to animate your designs.
See More
Top
Pro
Build iOS transitions & animations easily
All the iOS easing info is built-in.
See More
Hide
$129
3
0
Proto
All
11
Experiences
Pros
7
Cons
4
Top
Pro
It allows you to use JSON animations (such as Lottie)
That's awesome.
See More
Top
Con
The mobile app for previews doesn't look as good as the preview on the browser
That can be very disappointing. Once you have everything perfect the design becomes different when you open it on your mobile app.
See More
Top
Pro
Has one of the largest gestural support libraries in the market
Proto supports one of the (if not the) largest gestural support libraries out of all the prototyping tools. With gestures such as: Pinchin/out Swipes Double tap Tap Hold Release and more...
See More
Top
Con
Since it opens on browser, it can get very laggy
Once you start using lots of images, vectors and animations you can go into deep trouble.
See More
Top
Pro
Native prototype testing
Developers can build prototypes through the browser with Proto, but the testing itself is done on the devices. Proto has released native apps for both iOS and Android that developers to test their designs right on the native device itself.
See More
Top
Con
Only a free trial
Other prototyping tools offer free plans to trial as long as one wants, but Proto only offers a trial that while has full functionality has a 15 day time limit.
See More
Top
Pro
Easy to use with it's intuitive drag-and-drop interface
Proto is very easy to use even for beginners, or programmers who are not well-versed in Photoshop or Sketch or any other drawing application. With it's easy drag-and-drop interface and with a wide library of commonly used UI elements for Android and iOS, prototyping with Proto is very simple.
See More
Top
Con
Prototyping can be relatively slow
Proto's animations and interactions are very detailed. As far as prototyping goes Proto is probably the best tool to get as close to the actual app as possible. But this brings the downside that prototyping with Proto becomes quite slow and can take several hours to finish to get everything to work perfectly.
See More
Top
Pro
Design and prototype all in one tool
Better UX to not switch between multiple tools.
See More
Top
Pro
Preview prototypes on the device (e.g. iPhone, Android phone)
See More
Top
Pro
User testing / screen recording capabilities
See More
Hide
See All
Experiences
Get it
here
9
1
Noodl
All
5
Experiences
Pros
5
Top
Pro
Use external data
You can use REST API to get data to your prototype.
See More
Top
Pro
Free
See More
Top
Pro
Cross-platform
It is a Chrome app and you can test prototypes on any device that supports WebGL or Canvas.
See More
Top
Pro
Prototype two-device (master — companion) apps
You can setup communication between two devices.
See More
Top
Pro
Components
You can build one interactive component and then reuse it with different input values (like images, txt, width, speed — any value you can imagine).
See More
Hide
Get it
here
2
0
Framer Studio
All
6
Experiences
Pros
4
Cons
2
Top
Pro
CoffeeScript integration to define animations
Framer uses coffeescript for defining animations. CoffeeScript has a low learning curve and as such it can be learned easily even by non-programmers.
See More
Top
Con
Coding required
Framer Studio uses CoffeeScript for prototyping the UI of an app. This can be a problem for designers who don't know CoffeeScript since they would be forced to learn a new programming language in order to use Framer.
See More
Top
Pro
Multiple device support
Framer supports animation and interaction prototyping for multiple devices, ranging from desktop apps to web apps and mobile platforms. There are already 8 pre-installed devices to choose from, or developers can create their own setup quickly.
See More
Top
Con
Mac only
Framer Studio is only supported for Mac. There is no version for Windows or Linux.
See More
Top
Pro
Photoshop & Sketch integration
Framer is integrated with Framer Generator, which allows developers to import layers directly from Adobe Photoshop and/or Sketch.
See More
Top
Pro
Instant visual feedback
Framer Studio offers and instant preview of the animation that is currently being made.
See More
Hide
$144/yr
30
7
Invision
All
8
Experiences
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
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
Experiences
Get it
here
19
6
Adobe After Effects CC
All
14
Experiences
Pros
10
Cons
4
Top
Pro
Great for motion graphics compositing
Ae is the de facto standard for motion graphic design.
See More
Top
Con
No true 3D environment for compositing
See More
Top
Pro
Huge amount of resources
Because of the popularity of Ae, there are a plethora of tutorials, presets, plug-ins, etc that can be used.
See More
Top
Con
No real-time features
See More
Top
Pro
Extensive plug-in support
After Effects has extensive plug-in support. A broad range of third party plug-ins are available including solutions for particle systems, 3D environments and grading.
See More
Top
Con
Costly
The Adobe subscription costs are quite steep for anybody on a shoestring budget.
See More
Top
Pro
C4D Lite & Cineware integration
After Effects CC includes a Lite version of MAXON CINEMA 4D, a 3D modeling, animation and rendering application.
See More
Top
Con
No stereoscopic editing support
See More
Top
Pro
3D camera tracker
See More
Top
Pro
Speedy and comfortable UI
After grasping what panels do what, the workspace feels safe and comfortable. And the timeline moves and shows things how you would expect it to.
See More
Top
Pro
Works well with other Adobe software
This program is made to interact very well with the other Adobe production apps like Premiere Pro, Soundbooth, Photoshop and others. You can dynamically link with a set list of Adobe software so when you update something in Ae it will update in other software accordingly.
See More
Top
Pro
Subscription / cloud-based model
Ensures you always have the latest version of the software. Allows saving preferences in the cloud, so you can load them on a different machine. You can even sync setting from a different user.
See More
Top
Pro
Subscription based model
You constantly have the latest software that is updated regularly.
See More
Top
Pro
Ray-traced and extruded text and shapes
See More
Hide
See All
Experiences
Get it
here
19
7
FluidUI
All
9
Experiences
Pros
9
Top
Pro
User friendly
The learning curve is relatively low compared to other software that supports animations/transitions. Both building the wireframes and designing the interactions is all drop and drag.
See More
Top
Pro
Tools for team collaboration
Work with your team on a design. Connect on live video calls and chat or add comments.
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
Awesome version control
Every action you or your team takes automatically creates a revision you can easily revert to.
See More
Top
Pro
Provides UI assets from all the versions of iOS
The UI library is huge and very high quality. All the UI required to design iO7 apps is included as well as iOS 6 and basic wireframing elements. For example in iOS7 it provides: Backgrounds Navigation & status bars Layouts (list pickers, maps, keyboards, scroll etc) Controls Typography Icons
See More
Top
Pro
Fast
Using the app is feels very snappy.
See More
Top
Pro
Free forever for a single project & 10 screens
They have a very reasonable free tier with the paid versions starting at $12/month.
See More
Top
Pro
Lets you test on an iPhone as well as in the browser
You can preview your designs live in the browser as well as send them to a mobile device to better simulate the UX.
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
Hide
See All
Experiences
Get it
here
50
17
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
{}
undefined
url next
price drop