Prototyping
Designed specifically for mobile, Proto.io can simulate everything an app can do. That includes interactive touch gestures, screen transitions and animating any UI item in a prototype. It is perhaps the only mobile prototyping tool that allows users to create realistic, sharable prototypes that work as a real app should and experience their prototype on the actual device. Proto.io is also the first prototyping tool to ever include custom device support, to allow prototyping for anything with a screen interface - from SmartTVs to refrigerators.
Proto.io is 100% web-based and offers a familiar and intuitive drag-and-drop user interface, with no coding required. Ideal for UX professionals, Interaction Designers, mobile and game designers, coders, and app enthusiasts.
We believe the screen is the most important place in the world. That’s why we are dedicated to helping you deliver the best possible digital product experience, with our platform and best practices from your peers.
With intuitive tools for ideation, design, prototyping, and design management, the InVision platform gives you everything you need for digital product design, all in one place.
It’s what more than 5 million people—at tens of thousands of companies, including 100% of the Fortune 100, and brands like Airbnb, Amazon, HBO, Netflix, Slack, Starbucks and Uber—use to make products you love.
InVision is a fully distributed company with employees in more than 20 countries around the world. Together, we’re on a mission to help you make every digital experience magically better.
With the Marvel design platform, access all the core functionality you need to build digital products - wireframe, prototype and generate design specs in one place.
Design anything, anywhere.
Create beautiful wireframes, mockups, website or app prototypes for any device right from your browser. Sync your designs from Sketch and Photoshop or build mockups directly within our design tool where you'll find millions of assets, stock photos and icons at your fingertips.
Reinvent how you present design work
The days of static designs, slide decks and email attachments to present work are over. Transform how you share work by showcasing interactive Marvel prototypes. User journeys and site hierarchy can be difficult to explain, Marvel takes the complexity out of it by showing your audience realistic interactions. With no coding required, we make design simple, for everyone.
Design specs, automated
Optimise your design-to-development process with our Handoff tool. With one click you can instantly download assets and generate CSS, Swift and Android XML code for your prototypes, which stays in sync with your most recent design changes.
Cross company collaboration, solved
Marvel becomes a central space for all of your design needs and brings your teams together through our collaboration features. Give your team and stakeholders full visibility across every project, add unique teams, create folders and leave design feedback as comments and annotations.
Design, test and scale, together
Each stage of the design process unified in one platform - where you and your team, no matter the size can wireframe, prototype, user test and handoff to developers collaboratively. Marvel Enterprise 3 has been built on blazing fast technology with features that focus on helping large teams make design more productive.
Framer combines the power of code with the ease of visual editing. Prototype beautiful microinteractions or realistic apps. It’s time to design with development in mind.
It’s got all the team collaboration features you’d want in a high-fidelity prototyping tool: multi-player editing, easy sharing, inline commenting, reusable components, mobile preview, and developer handoff. But let’s cut right to what makes this one of the best design and prototyping tools on the market.
Framer has a mobile app to view and interact with your Framer X and Framer Classic projects on Android/iOS phones and tablets called Framer Preview
Sketch is a vector-based design tool for Mac with a focus on screen design. It’s used primarily by screen designers who create websites, icons, and user interfaces for desktop and mobile devices. For beginners and industry professionals alike, Sketch’s powerful and easy-to-use tools allow designers to focus on what they do best; design.
From its conception Sketch was tailored to the needs of digital designers and it shows in every fiber of the app. Since then, Sketch’s popularity and fan-base has been ever-increasing, and is now widely-recognized, and the design tool of choice for many digital companies and startups throughout the world.
Sketch’s functionality is extended thanks to our fantastic third-party developers who have created many plugins to help speed up the design workflow. Sketch also integrates seamlessly with many prototyping and collaborating apps.
Sketch has a companion app for phones that allows you to view and interact with your projects as visual prototypes called Sketch Mirror
Principle makes it easy to create animated and interactive user interface designs. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing.
Inspect designs and export assets
Open Sketch, Adobe XD, Adobe Photoshop and Figma designs on macOS, Windows, and Linux, or in the browser. Generate CSS, Swift & Android code from layers, export images, fonts, styles, pick colors, measure sizes, distances and more.
Keep your designs organized in the cloud
Upload unlimited Sketch, PSD, XD or Figma files to one safe place, where your team can access, open download them 24/7. Organize designs in projects and keep design versions in sync.
Comment and give visual design feedback
Invite your team members and easily manage user permissions. Give precise design feedback via comments and get notified on Slack or email when something changes.
Balsamiq Wireframes is a rapid low-fidelity UI wireframing tool that reproduces the experience of sketching on a notepad or whiteboard, but using a computer.
FEATURES
- Built for Collaboration - teams can meet and design online
- UI Components & Icons - Hundreds of built-in and community-generated UI controls and icons.
- Drag & Drop Simplicity - Assemble elements with the confidence of knowing they can be implemented.
- Export to PNG or PDF - Share or present wireframes on the web, via images, or via interactive PDFs.
- Optimized for Speed - Wireframe at the speed of thought with Quick Add and many keyboards shortcuts.
- Re-usable Symbols - Create templates, masters, and re-usable and customizable component libraries.
- Interactive Prototypes - Linking lets you generate simple prototypes for demos or usability testing.
ProtoPie 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. Designers can explore, validate, and test design solutions and ideas by creating very realistic, production-like prototypes without code and the help of engineers.
Hence, ProtoPie helps companies to release better and validated products, allows them to go to market faster, and save costs throughout the process by revolutionizing their prototyping workflows.
ProtoPie is widely used at various companies all over the world across industries, e.g. Google, Microsoft, GoPro, Samsung, Nintendo, BMW, IDEO, Reddit, Bytedance, Huge, and Verizon.
Origami Studio is a free design tool built by Facebook designers for creating interactive UI prototypes. An elegant, layer-based interface allows designers to repaidly create prototypes with layers, build interactions and then share them with others.
FEATURES
- Layer-based editing that lets you import layers from Sketch .
- Intuitive patch-based design for creating interactions, animations and behaviors.
- Save time by using a library of pre-built components that you can add to.
- Preview designs live via Origami Live, the accompanying mobile app for iOS.
- Capture and export video recordings directly from the app.
Adobe XD (Experience Design) is a vector-based tool developed and published by Adobe Inc for designing and prototyping user experience for web and mobile apps.
Wireframe, design, prototype, present, and share amazing experiences for web, mobile, voice, and more — all in one app. XD is made for designers, creative teams, and organizations that need to design at scale. It’s everything you need to work more efficiently, collaborate effortlessly, and create and manage your design system.
Adobe XD has a companion app for phones that allows you to view and interact with your projects as visual prototypes called Adobe XD Mirror
Mokup is a tool to design interactive animated prototypes. Mokup allows you to create prototypes of any scale – up to full-size application prototypes with multiple screens and complex interactions. From websites to mobile or smart-TV applications, Mokup will help you to visualize your ideas. Available on Mac, Windows, iOS & Android.
Figma is a vector graphics editor and prototyping tool which is primarily web-based, with additional offline features enabled by desktop applications for macOS and Windows. The Figma Mirror companion apps for Android and iOS allow viewing Figma prototypes in real-time on mobile devices. The feature set of Figma focuses on use in user interface and user experience design, with an emphasis on real-time collaboration.
Figma has a companion app for iOS and Android called Figma Mirror, which allows you to easily preview designs on mobile devices with Figma Mirror.
FEATURES
- Real-time collaboration for team and client communication.
- Full-featured vector graphic manipulation.
- Vector networks simplify edits by letting you drag-and-drop lines instead of individual vector points.
- Visual versioning to quickly compare between versions.
- Works in browser and on desktop with downloadable apps.
- Import projects from Sketch
Flinto for Mac is a comprehensive app prototyping tool that allows you to create anything from simple tap-through prototypes, to comprehensive prototypes with impressive interactions. We’ve carefully designed Flinto for Mac to minimize complexity. There’s no programming or timelines. It’s the prototyping tool designers have been waiting for.
