Ah, the tedious process of making mockups for websites and products. You start building from scratch, send it out for feedback, and more often than not have to start over. Not anymore, these 15 tools for mockups will take the stress and time out of the process and make sure you get more done even faster.
This list is part of the largest list of tools for entrepreneurs available online (don’t quote me on that)
I often find myself using mockups throughout the course of the day and Graphic Burger has a huge library of ready-made one’s for you. Everything from Iphones and Ipads to signs and billboards are available here and most of it is free to use however you like.
Placeit deals with mockups for different types of devices ranging from iPhones to tablets to Google phones. You can choose between videos, still shots, interactive demos, and multi stage mockups to make your designs take on a life of their own.
Sneakpeekit provides you with a few simple mockups that you can download and get your ideas out of your head. They don’t have very many different templates to choose from, but they ones they do have were carefully curated to fulfill a variety of needs. Just download, print, and start sketching.
Mockupworld has a large collection of free and premium mockups that you can use to create everything from hero images to product pages. Most of the mockups are really high quality, but come in PSD format so you’ll need a general understanding of photo editing.
Magic Mockups is very focused in its approach. They only provide mockups of laptops, phones, and tablets available in a PSD format that you can use however you like. If you like what you are getting, don’t be shy about donating so they can keep the library running.
Dunnnk has a tight collection of mockups, but is a little different from the other websites on this list. Instead of allowing you to download a mockup as a PDF and edit it that way, you can upload your graphics to the platform. This is ideal for people who’re lost when it comes to working with layered PSD files.
If you’ve been wireframing longer than a week, you should have at least heard about Balsamiq. It’s one of the most popular tools for creating quick sketches and iterating your work. One of the most endearing features is being able to run user test before actually creating a finished product.
Gomockingbird is a wireframing tool with an amazingly simple interface. Based in the cloud, the drag and drop editor allows you to work almost on the fly. Their pricing is reasonable at $9 month for an entry level plan which supports up to two active projects at a time.
Mockup Builder has a large library of both UI elements and icons that you can easily incorporate into your mockup. I like the fact that you can add people to review and also teammates to help you collaborate on projects in real time. A simple solution to a complex problem.
Mockflow allows for easy team collaboration. You can share it with others and allow them to edit to their hearts content or only allow them to make notes on your project. MockFlow has a great library of tutorials that makes it easy to learn how to use the simple drag and drop editor. The Subscriptions to MockFlow range from a low of free to a high of $49 a month for a team plan. If your budget allows it, Mockflow would be a tool to use.
Hotgloo works well, almost too well when it comes to creating wireframes that others can collaborate with you on. Develop quickly and get feedback or edits from team members. You can sign up for free to try out most of the features and make a decision after you’ve got a few mockups under your belt.
invision has a proposition that you just can’t beat, free forever. Housed within that package is a truly enviable piece of software when it comes to making protoypes in just a few minutes. The tool was created with collaboration in mind and allows you a wide range of control when viewing all the feedback you’ve gotten. Their user testing platform is also something worth mentioning. You can look at people’s faces and hear their voices describe the experience of using your prototype. .
UXPin was created by web designers, run by web designers, for web designers. That simple statement has guided the philosophy at UPXin and allowed them to make a breathtakingly simple tool that works. They score top marks for ease of use and the preview mode which captures the essence of wire framing in the first place. If you decide to go with this solution, be prepared to help yourself a lot as customer support is limited.
Proto.io is a mobile prototyping platform that allows you to create and run mobile app prototypes. Teir claim to fame is speed, you can make a native prototype that looks amazing on android, iOS and windows phones all at the same time. They’ve spent time refining their animation engine and it shows. A nice choice.
Inpreso is a simpler tool for creating mockups for your next design projects. You can create high and low fidelity wireframes, add certain functions, and quickly publish to get feedback and start the real creation process.