Top 10 Prototyping, Wireframing and Mockup tools
Last updated: April 13, 2019
Prototyping (wireframing, mockup) tools help to design User Experience (UX) interface for websites, software, mobile apps. These tools contain a library of specific UI-elements and graphical editor for their combination.
Mockups really shines during the early stages of designing a new interface. Mockups offers the same speed and rough feel as sketching with pencil, with the advantage of the digital medium: drag & drop to resize and rearrange elements, make changes without starting over, and your work is clear enough that you'll make sense of them later.
Create Prototypes of Websites & Apps Without Coding. Axure RP gives you the wireframing, prototyping and specification tools needed to make informed design choices, persuade any skeptics, get your design built to spec... and maybe win a few fans along the way. Choose the Standard edition for prototyping or go Pro to add documentation and collaboration features.
InVision lets you transform your designs into beautiful, interactive web & mobile mockups and prototypes. Upload your designs and quickly turn them into clickable, interactive prototypes complete with gestures, transitions & animations. Send a link to open designs in a browser or on a mobile device, or present them in real-time using our LiveShare presentation tool that revolutionises the design meeting.
MockFlow WireframePro is a web-based tool to design and collaborate user interface blueprints for websites and apps. Its helps to visualize the website's interface, navigation and structure in short time. With web and desktop clients, you can design seamlessly from anywhere & even with No net-connection. Organize pages with sitemaps and define links to present a clickable prototype.
UXPin is the UX Design Platform that gets it right. Inspired UX Design is tough with uninspired User Experience Design Tools. That's why UXPin is handcrafted to be robust & elegant.
HotGloo lets you create and share interactive website and webapp wireframes. Wireframe in real-time with your team to get work done even faster and communicate with your co-workers via the built in chat function to avoid distraction. Good UX is all about interactions. Link elements to pages in your sitemap or set up different user scenarios with states, viewstacks and much more.
Origami is a tool for designing modern interfaces, built and used by designers at Facebook. Easily create prototypes with layers. Bring layers from Sketch and play with masks, particle systems, and live cameras.
The collaborative interface design tool. Each contributor owns their part of the creative process and stays in sync along the way - across any platform. Securely connect teams, fonts, and libraries across your entire company.
Create fully-interactive high-fidelity prototypes in minutes that look and work exactly like your app should. Turn your wireframes and mobile mockups into amazing interactive prototypes. Filled with rich media, animations and touch events. Swipe, tap, rotate and examine your app inside out the same way your end user will. Share your prototype with colleagues and friends to collaborate and review.
Fluid UI helps you prototype Android, iPhone, iPad or Windows 8 mobile apps with our custom libraries, or upload your own images for pixel perfect mobile apps. Preview your mockup directly in your browser or install the Android or iOS apps to test directly on your device. Share the mockup with clients, stakeholders and users and get invaluable feedback long before writing a single line of code.
on Live Enterprise
ProtoShare is an easy-to-use, collaborative prototyping tool that helps teams visualize requirements with website wireframes and interactive prototypes while working together in real-time. Start creating mockups, website wireframes and prototypes today. No credit card required.
Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork. Sketch is built for designers like you. With useful features, an intuitive interface and powerful plugins built by a community of developers, it helps you focus on what you do best.
Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to call them.
WireframeSketcher is a wireframing tool for creating wireframes, mockups and prototypes for desktop, web and mobile apps.
Flinto makes it quick and easy to create prototypes that look just like the real thing. And Flinto doesn’t disrupt your current workflow because it uses the screens you’ve already designed. Read on to learn how Flinto works. Link your screen designs together in a completely visual, intuitive way. You might even say it’s fun. Iterate by dragging new screens on top of old ones. Screen gets replaced, links stay put. Hold option while hovering over a screen and links are drawn automatically.
Framer is a new creative tool to build interaction and animation prototypes. Connect pixels to behavior and discover exciting new ways of interaction design.
Pixate empowers you to create sophisticated animations and interactions that come to life through 100% real, native iOS and Android prototypes—from design to prototype, without the code. With Pixate, building prototypes is simple and visual. No complex animation frameworks. No clunky simulation tools. Simply an intuitive design tool that empowers you to communicate and iterate ideas seamlessly and visually.
Pixelapse - Visual version control for designers. Pixelapse works with the existing tools you use. Every design iteration is automatically backed up as you work. No complicated interface. No commands to learn.
LayerVault - Simple version control for designers. Design without fear. Trusted by thousands of designers and trillions of pixels, LayerVault is the best way to organize, store, version, present and collaborate.
Latest news about Prototyping, Wireframing and Mockup tools
2019. InVision adds new integrations with Jira
InVision announced even deeper integrations with Jira, letting users embed actual InVision prototypes right within a Jira ticket. The company also announced the Jira app for InVision Studio, letting designers in Studio see interactive Jira tickets in real time. InVision has already had lighter integrations with Atlassian products, including Jira, Confluence and Trello. The partnership makes sense. Atlassian provides a parallel product to InVision, except instead of serving designers, Atlassian serves engineers.
2019. InVision acquired design file versioning startup Trunk
Online design software provider InVision has acquired of Australia-based Trunk, that is focused wholly on file versioning for designers. In the world of engineering, GitHub has provided a way for developers to keep versions organized — developers can track changes, create a separate branch to experiment, and collaborate more easily with other developers by merging branches. But the same courtesy hasn’t properly been extended to designers, who usually spend plenty of time scrolling through long email chains searching for the latest version of the attachment. The Trunk team will be focusing their energy on Studio, InVision’s design tool, which launched about a year ago. The launch of Studio was the first time that InVision truly showed its hand, revealing efforts to go well beyond a simple collaboration tool and become the Salesforce of the design world.
2019. Online design tool Figma gets new enterprise collaboration features
Figma, the design and prototyping tool that aims to offer a web-based alternative to similar tools from the likes of Adobe, is launching a few new features today that will make the service easier to use to collaborate across teams in large organizations. Figma Organization, as the company calls this new feature set, is the company’s first enterprise-grade service that features the kind of controls and security tools that large companies expect. For designers, one of the most important new features here is probably organization-wide design systems. Figma already had tools to create design systems, of course, but this enterprise version now makes it easier for teams to share libraries and fonts with each other to ensure that the same styles are applied to products and services across a company.
2018. Prototyping tool InVision is valued at $1.9 billion
InVision, the startup looking to be the Salesforce of design, has officially achieved unicorn status with the close of a $115 million Series F round, bringing the company’s total funding to $350 million. This deal values InVision at $1.9 billion. InVision started out back in 2011 as a simple prototyping tool. It let designers build out their experience without asking the engineering team to actually build it, to then send to the engineering and product and marketing and executive teams for collaboration and/or approval. Over the years, the company has stretched its efforts both up and downstream in the process, building out a full collaboration suite called InVision Cloud (so that every member of the organization can be involved in the design process), Studio, a design platform meant to take on the likes of Adobe and Sketch, and InVision Design System Manager, where design teams can manage their assets and best practices from one place.
2018. InVision deepens integrations with Atlassian
InVision expanded integration with Atlassian products Confluence, Trello and Jira that allows users see and share InVision prototypes from within those programs. Given the way design and development teams use both product suites, it only makes sense to let these product suites communicate with one another. Specifically, the expanded integration allows designers to share InVision Studio designs and prototypes right within Jira, Trello and Confluence. InVision Studio was unveiled late last year, offering designers an alternative to Sketch and Adobe.