Wireframes, Mockups & Prototypes

Editor's Choice
  • 🏆 Editor's Choice

Free Type

Free Type BTN
  • 📖 Open Source
  • 🎁 Free Tool
  •  🔓 Freemium Tool
  •   🕓 Free to Try
Info

Wireframes, Mockups & Prototypes allow designers to create blueprints and models of the final product. In a nutshell, a wireframe is a very low-fidelity way to present a website or application using simple lines and shapes. Next, the mockup is a high-fidelity static design diagram that includes logos, colors, and icons to make it more realistic. And finally, the prototype is very close to the finished product, is usable and clickable, and can be tested.

Press CTRL+D to
Bookmark this page
8

Pencil Project

Pencil Project is an open-source GUI prototyping software designed to help create mockups across desktop platforms. The built-in shapes collection lets users draw different user interfaces from desktop to mobile platforms.
📖 Open Source 🎁 Free Tool
2

Quant UX

Quant UX is a research, usability & UI prototyping tool to test your design and analyze interactive prototypes quickly. Its visual analysis makes it easy to find and quickly fix pain points in your UI design.
📖 Open Source 🎁 Free Tool
4

Penpot

Penpot is a professional web-based design and prototyping tool for real-time collaboration between designers and developers. Penpot uses SVG as its native format instead of closed-sourced formats that need “exporting.”
📖 Open Source 🎁 Free Tool
1

Mediamodifier

Mediamodifier is a mockup generator and graphic design editor that lets you quickly turn your ideas into inspirational marketing visuals using an intuitive drag-and-drop editor and many pre-design templates.
 🔓 Freemium Tool
Subscribe
To Our Newsletter
Get the Newest Free Tools in Your Inbox!
👍 Once per month. No spam.

📖 Open Source: free and open-source software (FOSS), the ultimate free solution, is often completely free, but some exceptions are offered as a freemium.

🎁 Free Tool: FOSS or Freeware software, including Proprietary solutions, offered for free in its full version with all features and no limitations. Naturally, many tools in this category are also open-sourced.

🔓 Freemium Tool: a free version of paid software or app, offered with some limitations (limited features, limited support, limited usage, etc.). In many cases, the free plan can be enough for you.

🕓 Free to Try: a free trial lets you experience the product briefly before buying. Since it’s not a classic free solution, you won’t find many such items in the directory. The ones we did add are highly recommended.

🎯 Free Micro Tool: a free simple tool that performs a basic and specific task. Those tools come to solve a particular problem and don’t include too many options and features.

📚 Free Resource: a variety of helpful free stuff we find online, such as free courses, all kinds of templates, graphic assets, video and audio assets, eBooks, audiobooks, themes, or anything else free and useful.

For more information, click here.

JUST ONE
CLICK
And You Can Support a Good Cause for Free!

Mr. Free Tools is a free & open project developed to help people reach their full potential and create more equal opportunities by highlighting free solutions. Support the cause and share an amazing resource with your followers!

Help Spread the Word