Top 19 Prototyping, Wireframing and Mockup tools


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.
1
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.
2
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.
3
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.
4
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.
5
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.
6
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.
7
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.
8
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.
9
Framer is a new creative tool to build interaction and animation prototypes. Connect pixels to behavior and discover exciting new ways of interaction design.
10
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.
Ad
  on Live Enterprise
11
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.
12
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.
13
WireframeSketcher is a wireframing tool for creating wireframes, mockups and prototypes for desktop, web and mobile apps.
14
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.
15
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.
16
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.
17
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.
18
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.
19
Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to call them.

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.


2018. Balsamiq Mockups improves navigation, offline access



Prototyping tool Balsamiq Mockups rolled out a bunch of new features that make it easier to navigate, edit, and export with Moqups. There are two big changes to Pages: Pinned Pages and Page Thumbnails. Pinned pages allow to pin your most active pages to the top of the Pages Panel. Export now has its own button and, with it, a great new option: The ability to export an offline version of the Viewer. The Export to HTML option downloads a fully interactive prototype that can be viewed offline, hosted on more restrictive environments like behind-the-firewall intranet servers. Other improvements include smarter forms, color replacement on page, improved SVG support, image cropping, blur filter.


2018. Design tool InVision gets an app store



InVision, the service that wants to be the operating system for designers, introduced its app store and asset store within InVision Studio. In short, InVision Studio users now have access to some of their most-used apps and services from right within the Studio design tool. Plus, those same users will be able to shop for icons, UX/UI components, typefaces and more from within Studio. While Studio is still in its early days, InVision has compiled a solid list of initial app store partners, including Google, Salesforce, Slack, Getty, Atlassian, and more.


2018. InVision acquired design visibility tool Wake



Online design platform InVision has acquired Wake - design tool focused squarely on supporting design visibility throughout a particular organization. Wake allows companies to share design assets and view work in progress as designers build out their screens, logos, or other designs. Design team leaders, or other higher-ups at the company, can upvote certain design projects or give feedback on specific tweaks. One of the most attractive features of Wake is that sharing on the Wake platform was implicit, rather than on InVision where designers have to take an extra step to upload their prototypes on InVision. Wake will continue to operate independently within InVision, but some of its tools will be integrated into the InVision core product. Moreover, as part of the deal, Wake will be introducing a free tier.


2017. Prototyping tool InVision gets $100 million



InVision, the design collaboration tool, announced the close of a $100 million Series E funding round. The company recently announced InVision Studio, which is meant to take on Photoshop and Sketch, giving designers all the tools they need to not only collaborate with their peers, but create the original designs. InVision also acquired Brand.ai, a tool that helps manage design teams at scale with cloud-based asset management. InVision says that more than 70 percent of its users aren’t on the design team, which is part of what has made the company so successful over the past six years.


2017. InVision takes on Photoshop with new Studio



InVision, the company developing collaborative prototyping tool, is taking on the full stack with the announcement of its own Photoshop competitor - Studio. This design tool goes toe-to-toe with Adobe Photoshop and Sketch, offering designers a way to both create and edit their work and then seamlessly send it into the InVision cloud for collaboration. It's built specifically with the modern designer’s workflow in mind. The advanced animation you find on InVision is now available in Studio on the design level, letting designers bring life to static screens without writing code. The new tool is also with a responsive design feature, letting designers automatically check their screens on multiple screen sizes without re-creating them for each different device that customers might be using.


2016. Collaborative prototyping tool InVision raises $55M



Collaborative prototyping and design tool InVision has raised a $55M Series D round. While InVision has no specific plans for the new funding, they will continue making strategic acquisitions where appropriate. The company has bought five smaller design tools over the last year, most of which were done as acquihires. InVision now has more than two million registered users, and is used by 70 percent of the Fortune 100. This includes high-profile technology companies like Facebook, Apple and Disney. In almost all of these organizations the design team are the ones who start the relationship with InVision. But, often times the prototyping tool is quickly adapted by the rest of the organization, even people who aren’t necessarily involved directly in the design process. For example a company’s CFO may use the tool to give feedback on a particular payment flow that previously was only built by developers.


2016. Prototyping suite InVision acquired online web-design tool Macaw



Online prototyping service InVision is acquiring code-based design tool Macaw. The acquisition, which is InVision’s first, comes after a long collaboration between the two companies on products like Motion and Inspect. InVision explained that acquiring Macaw will help them achieve their goal of bridging the design-to-development gap by implementing Macaw’s “design to code” features into InVision’s products. InVision is not shutting down Macaw. The company will indefinitely allow access to the current version, while Macaw’s latest product Scarlet (a live, real-time design environment) will be bundled into other InVision products this year.


2015. Google acquired mobile app prototyping service Pixate



Google has acquired mobile app prototyping tool Pixate. According to Google, the Pixate team will fit right into what the Design team is doing: developing new design and prototyping tools, including Form 1.3. Google’s evolving design chops have been on display for the past few years, but it seems like people are just now noticing. The company had previously launched a few tiers of their service, focusing completely on prototyping, but promising at some point to get into “developer handoff” to improve the workflow from designer to the development team. Pixate will continue as a standalone product without any interruption to the service or support.


2015. Online prototyping tool InVision raises $45 Million



Prototyping tool InVision has closed a $45 million Series C round of funding. InVision allows designers to jump ahead of engineers and build something that looks, feels and acts like a real application or product without waiting on the back-end technology to be in place. Because of this, engineers (and the finance department, and the sales team, and the marketing team, and even some users) are able to weigh in on prototypes and offer feedback far earlier in the process. The company doesn’t want to be the next Dropbox or Box or Slack, but rather form partnerships and integrations with these other productivity tools to allow even easier sharing and collaboration around prototype work. The company already has solid integrations with Sketch and PhotoShop for designers, and is now focusing in on offering partnerships based around collaboration.


2015. Dropbox acquired visual version control tool for designers Pixelapse



Pixelapse, the startup that builds version control and collaboration platform for creatives, has been acquired by cloud storage company Dropbox. The new  Pixelapsedevelopment efforts will be focused on bringing the same kinds of collaboration and workflow experiences to the core Dropbox product. Pixelapse will continue to operate as a standalone product “for the next year,” but it sounds like the eventual goal is to migrate customers over to Dropbox.


2014. Pixate launches mobile app prototyping and animation service for designers



Startup Pixate is opening the doors to its visual prototyping service today after a long private and public beta phase. With Pixate, designers can create and test 100% native prototypes that allow them to experiment with complex interactions, gestures, animations and transitions right on the device. All of the work is done in the browser, but the prototype runs natively on the device and designers can see their updates on the devices in real-time (you can see both the iOS and Android app simultaneously). Access to Pixate costs $10 per user and month for the basic Personal Edition. There is also a Team Edition and an enterprise plan will launch soon.


2014. Prototyping tool InVision raises $21 Million



InVision, the design-focused prototyping tool, has today closed a $21 million Series B round. InVision is a service built for designers, that lets these creatives not only draw out their ideas for apps or websites, but actually build the prototype to look, feel, and act like the actual product, even without all the back-end engineering. For bigger companies who use the enterprise InVision platform, users can send designs out to various teams or company-wide to get feedback in real time in a way that doesn’t send engineers back to the drawing board. According to co-founder Clark Valberg, InVision will be using the new funding to build out a sales team and help foster the enterprise side of the business.