Prototyping

Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required. Companies like IDEO, Disney, Paypal, Airbnb and more use Proto.io.

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.

The collaborative design platform. Wireframe, prototype, design online and create design specs in one place. Or create an integration with our API.

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.

Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.

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 customizeable 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.

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 apps for Android and 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.

Official description:

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.

Pricing:

Adobe XD is a freemium application: for the desktop application, subscription plans range from $9.99 to $82.98 per month. (Source: Adobe, 3 July 2019). For smartphones, it costs $1.99 to add 20 GB of Creative Cloud storage space.

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 the collaborative interface design tool. Keep the team focused and on the same page with real-time communication and collaboration featuring commercial quality vector and raster graphic tools.

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.
• Easily preview designs on iOS devices with Figma Mirror.
• 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.