10 Free Wireframing and Mockup Tools. Unix, and Mac OS X. DENIM describes itself as “an Informal Tool For Early Stage Web Site and UI Design”. It combines many of the benefits of paper-based sketching with existing electronic prototyping tools. Mockup World uses cookies to ensure you the best experience on the website. If you continue to use this site we will assume that you are happy with it. Macbook Desktop Desk Psd Mockup 2 Our iMac Psd Template is a very realistic iMac vector shape psd mockup. You can easily apply your own graphics on the screen with the use of smart layers.
So you've just taken some killer photos with your new DSLR, or you captured a great video with your iPhone — what's next? While it feels natural to just post media quickly to your Facebook Page, sometimes great photos or video need their own home in the form of a personal website.
But on the other hand, it's not easy to make a website layout that complements rich media. In order to make a great website, professional web designers take advantage of mockup tools to analyze layout, design and functionality. Taking advantage of these applications (some of which are 100% free) is a wise move — especially if you're interested in creating a professional website for your photography or video.
We've rounded up nine applications that can help you get the most out of designing your web layout. What's your tip for displaying photos or video on your website? Let us know in the comments.
1. Balsamiq Mockups
Perhaps one of the more well-known and popular mockup tools, Balsamiq Mockups is a cloud-based mockup service (with accompanying desktop application) that enables you to quickly and easily create fun and interactive website mockups. With its trademark sketchy, hand-drawn look, Balsamiq Mockups lets you focus on solving larger UI problems rather than obsessing over the details.
The application comes with a huge collection of drop-in components and reusable libraries, and an easy drag-and-drop interface. Since it is cross-platform and has full offline support, you can create mockups anywhere.
Pricing for the desktop application starts at $79 for a single-user license, but a 50% discount is available when you sign up for a monthly subscription to myBalsamiq (plans start at $12 per month).
2. Mockingbird
Mockingbird is another popular web-based wireframing application, with some great functionality baked in for linking and sharing your mockups. Designed for rapid prototyping, Mockingbird lets you create interfaces quickly with the drag-and-drop editor, either alone or in collaboration with a team.
By linking pages together, you can then create interactive mockups and wireframes — perfect for sharing with your clients, reviewing workflow and streamlining your user experience.
Mockingbird subscription plans start at just $9 per month for a personal account (which allows you to have two active projects), and team plans ranging from $20 to $85 per month, depending on the number of projects.
3. Mockup Builder
Mockup Builder is a free web application built in Microsoft Silverlight that is designed to let you create software and website mockups, then easily share them with clients or coworkers.
The library of available elements is diverse (supporting desktop, browser, iOS and Android components) but limited in quantity. For a free tool, however, Mockup Builder certainly has its bases covered and offers a great starting point for prototyping simple ideas and concepts.
When you're ready to share your mockup, projects can be exported as both PNG and PDF files or shared directly. Those with access can then leave feedback and comments on the project.
4. MockFlow
MockFlow is a 'super-easy wireframing' service that enables you to create and collaborate on complex interactive wireframes and UI prototypes for your web sites and applications.
As with Balsamiq, MockFlow includes a cross-platform desktop application (powered by Adobe Air), so you can build your UI concepts in a streamlined, clutter-free environment with full offline support. MockFlow also includes a free mobile application that is perfect for presenting prototypes to clients and accessing your mockups on the fly. A number of other add-ons are also available.
MockFlow has two pricing options — a free plan that gets you one small project (four pages) with two collaborators, and a Premium package at $99 per year for unlimited projects, several add-ons and a few additional perks. With a price point at under $100 annually for the premium account, Mockflow is one of the more affordable professional solutions.
5. HotGloo
With more than 26,000 projects created, HotGloo is another wireframing and website mockup tool that's been around for quite a while. This web application sports a large library of components, a feature-rich, drag-and-drop interface and tools for both collaboration and review.
The service has one of the more polished web-based authoring environments we've seen, making this application a pleasure to use. With HotGloo, you'll be able to create entire user interactions — you can design, test, revise and review your complete application workflow. Other tools include the ability to create master templates (which can be applied across an entire project), smart element stacks for organizing your UI and role-based access for authors and clients.
HotGloo's pricing plans range from $14 to $54 per month, with a 15-day free trial for new accounts.
6. Invision
Invision is another online tool aimed at helping you design, share and test your user experience. More than just wireframes, Invision lets you create fully featured and highly interactive mockups with as much polish as you want to put into them. Great collaboration tools make it easy to share projects and work together as a team, and mobile support is quite good.
Whether you're creating high-fidelity prototypes or interactive wireframes, Invision makes authoring and sharing projects easy. The wireframing tools include a large element library, and more detailed mockups give you complete control over images, colors and layout via a streamlined and clean editing environment.
Invision boasts a network of more than 30,000 designers, including some big-name companies. Subscription plans range from free (for up to two projects) to $75 per month for up to 20 active projects. There's also a 30-day free trial on all accounts.
7. JustProto
JustProto is a wireframing web application with a few features we haven't seen in other products. Like many similar offerings, JustProto has a large library of wireframe elements and widgets, accessible via a simple drag-and-drop interface. However, there are a few other key features that set JustProto apart from the crowd.
Not only can you share projects via a single share link, JustProto also enables you to collaborate in real-time with other designers, chat with clients and collaborators, and keep a history of all chat communication. With JustProto, you can create fully featured, interactive wireframes in real-time and then gather instant feedback.
JustProto plans range from $19 to $99 per month, with custom packages available for large-scale and enterprise customers. A free 15-day trial period is provided, and there's no credit card required to sign-up.
8. Proto.io
Proto.io is an application prototyping platform designed specifically for prototyping mobile applications. This web app helps you to create mobile mockups with ease for iPhone, iPad, Android and a number of other devices. Proto.io gives you full control over colors, fonts and layout, and it comes with a large element library to make building rich prototypes easier.
Proto.io also lets you share projects and collaborate with other designers. Proto.io mockups can be viewed directly on your mobile device, giving you a better feel for how your application will look and function in a real-world setting, or you can view projects via the Proto.io web player.
There's a free plan available, which is good for one small (five screen) project, and paid subscriptions are $24 and $49 per month, with fairly generous offerings on disk quota, screens, collaborators and other resources.
9. inPresso Screens
Last, but not least, inPresso Screens is a prototyping tool for both desktop software and websites. One of the things we like about inPresso is the ability to skin applications using popular window manager themes from a variety of operating systems. This is great if you're mocking up a desktop application and you need to get a real feel for what the final product will look like.
inPresso is available as a free desktop application or via subscription, with some pretty important distinctions between the two. The free version gives you a desktop tool for authoring application prototypes and wireframes which can be saved and edited locally. In addition to the base tools, the subscription package also allows access to an online library of UI elements, and enables instant online publication and sharing of your prototypes as well as a web player for presenting prototypes to your clients.
The desktop application itself is cross-platform and annual subscriptions are only $29 per year.
Image courtesy of iStockphoto, kryczka
99% of the Fortune 500 trust Lucidchart to keep teams on the same page.
Versatile Shape Selection
Pay a low monthly or annual fee and gain access to our mockup shape library. You’ll also be able to make wireframes, sitemaps, mind maps, and other diagrams.
Perfect for Macs
Unlike many mockup tools, Lucidchart is Mac-compatible. Whether you want to switch machines or use it on a different operating system, no extra work is required. Experience seamless prototyping on the platform of your choice: iPad, Mac, PC, or Linux.
Web Design Mockup Tools
Web-based software
Mac Mockup Software
Create beautiful, interactive mockups in just a few minutes. Our drag-and-drop interface feels natural, and since the application is 100% web-based, sharing your work is easy. The entire team can collaborate seamlessly on your wireframe or mockup.
No downloads or updates
There’s no need to worry about manual updates or the pain of an initial installation. With Lucidchart, start working immediately. Product updates are pushed instantly to your account, so all you need is an Internet connection.
Feature Highlights
Build all kinds of different flowcharts with Lucidchart’s powerful features.
Easy to use
Making a flowchart should help you move your work along, not slow it down. Designing swimlanes, process maps, process flows, and standard flowcharts is effortless with our drag and drop technology. Simply choose an element and pull it onto the canvas to begin.
Visio compatible
Import a Visio file (.vdx, .vsd, or .vsdx) with the click of a button. Once it's uploaded, you can view the file and make your own edits with our easy-to-use tools. Users can even export docs to Visio format. We even offer a free Visio viewer Chrome extension!
Fully integrated
Lucidchart’s integrations set it apart from other flowcharting tools. Access the diagrams you make directly in Google Docs and Google Drive, and use your Google account to sign in to Lucidchart. You can also integrate with Jive, Box, Confluence, and JIRA.
Present and share
You have a variety of ways to share your work with Lucidchart. Download it, post it anywhere, or invite others to collaborate with you on it directly. You can even use our handy presentation mode to organize your diagram into slides.
Free Mock Up Tool For Mac
More examples
IT / Engineering
Website Wireframe Tool Mac Free
Business
Product Management & Design
Over 15,000,000 users
trust Lucidchart to keep them on the same page.