Framer vs Marvel vs Proto.io
Overview
Share your Stack
Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.
CLI (Node.js)
Manual
Detailed Comparison
Proto.io supports all the major mobile gestures and touch events like tap, tap-hold, swipe, pinch, and zoom. Interaction designers are not limited to a single ‘link’ transition anymore. Instead they can apply animated screen transitions like slide, fade, pop, flip, flow, and turn. | A super simple tool that turns any image (including PSDs) or sketch into interactive prototypes for any device. Powered by Dropbox. | Framer is a JavaScript framework that makes creating realistic prototypes a breeze – complete with filters, spring physics and full 3D effects. Framer Generator is a desktop app that imports the resources and folder hierarchy from Photoshop files (Sketch coming soon). Import your design and immediately start to add interaction and animation. |
Interactive designs;Prototype for all devices;Wonderful UI libraries;Actual device testing;Share, add comments;Publish and Export to HTML;States, Animations & Timelines;Drag & Rotate;Variables & Item properties;Intuitive editor interface with drag-n-drop features, no coding required;Silly-fast mobile prototyping;Templates and reusable containers for easy development;Powerful digital asset manager;HTML5 fonts support;Auto-save function;Version history and rollback;100% web-based, nothing to install;Custom branding for your account and prototypes;Overwhelming technical support;Extensive documentation, screencasts, examples and sample prototypes | Dropbox support - all images are synced in real-time
PSD support - we convert Photoshop files on the fly so you don't have to
Prototype for any device - Android, iOS, Gaming devices etc
| Generate assets out of Photoshop to set up new projects.;Animate any layer in 3D space with spring physics and bezier curves.;Hardware accelerated for high frame rates, based on CSS transforms.;Works on desktop, mobile and tablets. Plays well with WebKit. |
Statistics | ||
GitHub Stars - | GitHub Stars - | GitHub Stars 5.9K |
GitHub Forks - | GitHub Forks - | GitHub Forks 477 |
Stacks 51 | Stacks 181 | Stacks 365 |
Followers 89 | Followers 180 | Followers 502 |
Votes 10 | Votes 46 | Votes 32 |
Pros & Cons | ||
Pros
| Pros
| Pros
|
Integrations | ||
| No integrations available | ||
What are some alternatives to Proto.io, Marvel, Framer?
InVision
InVision lets you create stunningly realistic interactive wireframes and prototypes without compromising your creative vision.
Avocode
Avocode is a cross-platform app that helps designers and developers collaborate and easily handoff designs. Avocode comes with 14 days free trial.
ProtoPie
It is the easiest tool used to turn your UI/UX design ideas into highly interactive prototypes for mobile, desktop, web, all the way to IoT. ProtoPie runs on macOS & Windows and the player app is on iOS and Android.
Origami
Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming.
Supernova
Supernova converts any mobile design to full-fledged native applications, giving the developers extra time to do actual coding. No need to export resources, write navigation, connect it to components created by hand, read styles, apply styles, copy-paste information..
Lottie
Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile!
Material
Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.
Atomic
Pull in designs from Photoshop or Sketch, instantly animate between them, and share your prototypes with anyone or view on any device via URL.
Axure
The way to plan, prototype, and hand off to developers, all without code. A wireframing, rapid prototyping, documentation and specification software tool aimed at web, mobile and desktop applications.
Principle
It makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, it helps you create designs that look and feel amazing.
