Wireframing & prototyping

Miro's prototyping templates transform scattered ideas into interactive experiences that stakeholders can actually see, touch, and navigate. Stop explaining how your product will work—start showing it.

Mobile app wireframe Website wireframing templates Prototype Web app & dashboard prototypes Mobile app prototype Website & landing page prototyping SaaS Website Personal Websites Profile Page Templates AI Chatbot

Low-fidelity Wireframes Template
Miro
35 likes
3.5K uses
When you’re designing a site or building an app, the early stages should be BIG — seeing the big picture and communicating the big idea. Low fidelity wireframes empower you to see it and do it. These rough layouts (think of them as the digital version of a sketch on a napkin) help your teams and project stakeholders quickly determine if a design meeting meets your users’ needs. Our template lets you easily use wireframes during meetings or workshops, presentations, and critique sessions.
Online Sketching Template
Miro
9 likes
2.1K uses
Before you go full steam ahead with a promising idea, look at it from a high level — to know how it functions and how well it meets your goals. That’s what sketches do. This template gives you a powerful remote collaboration tool for the initial stages of prototyping, whether you’re sketching out web pages and mobile apps, designing logos, or planning events. Then you can easily share your sketch with your team, and save each stage of your sketch before changing it and building on it.
E-Commerce Wireframe Template
Miro
26 likes
1.7K uses
The E-commerce Website Wireframe template is designed to guide you through your e-commerce website wireframing journey. Start with a basic black-and-white wireframe, which includes all the essential elements and screens for a full UI design — just customize it to your needs. This template is ideal for any e-commerce business and can be easily adapted for a restaurant, clothing store, grocery shop, or tech retailer. With customizable components and an editable color scheme, you can quickly personalize the wireframe to fit your specific business.
Low-Fidelity Prototype Template
Miro
21 likes
1.7K uses
Low fidelity prototypes serve as practical early visions of your product or service. These simple prototypes share only a few features with the final product. They are best for testing broad concepts and validating ideas. Low fidelity prototypes help product and UX teams study product or service functionality by focusing on rapid iteration and user testing to inform future designs. The focus on sketching and mapping out content, menus, and user flow allows both designers and non-designers to participate in the design and ideation process. Instead of producing linked interactive screens, low fidelity prototypes focus on insights about user needs, designer vision, and alignment of stakeholder goals.
Website Wireframing Template
Miro
18 likes
1.1K uses
Wireframing is a method for designing a website at the structural level. A wireframe is a stylized layout of a web page showcasing the interface elements on each page. Use this Wireframe Template to iterate on web pages quickly and cheaply. You can share the wireframe with clients or teammates and collaborate with stakeholders. Wireframes allow teams to get stakeholder buy-in without investing too much time or resources. They help ensure that your website’s structure and flow will meet user needs and expectations.
Website Landing Page Wireframe Template
Miro
24 likes
944 uses
App Wireframe Template
Miro
23 likes
900 uses
Ready to start building an app? Don’t just imagine how it will function and how users will interact with it—let a wireframe show you. Wireframing is a technique for creating a basic layout of each screen. When you wireframe, ideally early in the process, you’ll gain an understanding of what each screen will accomplish and get buy-in from important stakeholders—all before adding the design and content, which will save you time and money. And by thinking of things in terms of a user’s journey, you’ll deliver a more compelling, successful experience.
Screen Flow Template
Miro
15 likes
774 uses
A screen flow (or wireflow) brings together a multi-screen layout that combines wireframes with flowcharts. The result is an end-to-end flow that maps out what users see on each screen and how it impacts their decision-making process through your product or service. By thinking visually about what your customers are looking at, you can communicate with internal teams, stakeholders, and clients about the decisions you’ve made. You can also use a screen flow to find new opportunities to make the user experience frictionless and free of frustration from start to end.
Mobile App Prototype AI Template
Miro
28 likes
580 uses
Website Prototype Template
Miro
25 likes
522 uses
Prototype Template
Miro
11 likes
451 uses
A prototype is a live mockup of your product that defines the product’s structure, user flow, and navigational details (such as buttons and menus) without committing to final details like visual design. Prototyping allows you to simulate how a user might experience your product or service, map out user contexts and task flows, create scenarios to understand personas, and collect feedback on your product. Using a prototype helps you save money by locating roadblocks early in the process. Prototypes can vary, but they generally contain a series of screens or artboards connected by arrows or links.
News Website Wireframe Template
Miro
15 likes
421 uses
The News Website Wireframe template offers six pre-designed screens to help you kickstart your news website design and bring your ideas to life. Streamline your workflow with these customizable screens, designed for various sections such as the homepage, article page, category page, and more. Each layout is easy to adapt, allowing you to create wireframes that match your vision quickly and efficiently.
WPS Essentials Prototype
Wicked Problem Solving by PMI
23 likes
363 uses
AI Prototype Template
Miro
5 likes
298 uses
A prototype is a live mockup of your product that defines the product’s structure, user flow, and navigational details (such as buttons and menus) without committing to final details like visual design. Prototyping allows you to simulate how a user might experience your product or service, map out user contexts and task flows, create scenarios to understand personas, and collect feedback on your product. Using a prototype helps you save money by locating roadblocks early in the process. Prototypes can vary, but they generally contain a series of screens or artboards connected by arrows or links.
Getting Started With Prototyping in Miro
Kristin Leitch
17 likes
288 uses
iPhone App Template
Miro
5 likes
281 uses
Incredible percentages of smartphone users worldwide have chosen iPhones (including some of your existing and potential customers), and those users simply love their apps. But designing and creating an iPhone app from scratch can be one seriously daunting, effort-intensive task. Not here — this template makes it easy. You’ll be able to customize designs, create interactive protocols, share with your collaborators, iterate as a team, and ultimately develop an iPhone app your customers will love.
Restaurant Website Wireframe Template
Miro
4 likes
278 uses
The Restaurant Website Wireframe template is the perfect starting point for your next UI design project. With an intuitive drag-and-drop editor, you can easily customize the template to reflect your brand's unique style or tailor it to meet a client's specific requirements. Add your logo, images, and content to craft a distinctive and engaging website design. Whether showcasing your menu, featuring customer reviews, or sharing your restaurant’s story, this template offers endless design possibilities. Boost your design process with AI tools like text and image generation or quickly create new screens using the Autodesigner screen generator.
Mobile App Wireframe Template
Miro
9 likes
274 uses
The Mobile App Wireframe template helps you take your ideation game to the next level. Built to support UX teams, it enables you to craft impactful low-fidelity wireframes that serve as the foundation for your mobile app designs. Once you’ve completed the basic framework, you can seamlessly transform your wireframes into mockups, applying your selected theme with just one click.
Mobile App Prototype Template
Miro
3 likes
264 uses
Pet Sitting App Wireframe Template
Miro
11 likes
226 uses
Modern Sitemap Wireframe
Carolina Poll
11 likes
213 uses
Newsletter Template
Miro
4 likes
175 uses
Website homepage
Miro
12 likes
128 uses
Sketching Wireframe Kit
Rizwan Khawaja
8 likes
119 uses
Banking Website Wireframe Template
Miro
2 likes
112 uses
Tracking App Wireframe Template
Miro
4 likes
106 uses
Create Prototypes With Miro AI
Kristin Leitch
11 likes
92 uses
Device Wireframe
Deanne Watt
1 likes
89 uses
Plant Care App Wireframe Template
Miro
4 likes
81 uses
The Plant Care App Wireframe template provides a multi-screen app wireframe along with all the necessary design pages to get started. You can easily customize the wireframe to meet the specific needs of your client or personal project. Add, remove, or adjust screens to create a smooth user flow, and personalize the design by modifying colors, typography, and layouts. Leverage our AI-powered features to further enhance your app design.
Cover Story Mockup
Voltage Control
12 likes
77 uses
Inventory web app
Miro
0 likes
73 uses
I&CI Toolkit - Test Prototypes
Innovation & Continual Improvement
10 likes
61 uses
Prototype Experiment Card
Prod MBA
18 likes
60 uses
Fitness App Wireframe
Carolina Poll
4 likes
56 uses
AI Chatbot
Deanne Watt
4 likes
53 uses
Employee onboarding
Miro
3 likes
53 uses

Wireframing & prototyping

Sub categories

Explore more