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

Sidekicks

AI Collaborators designed with specific skills like research, planning, or diagramming.

Design Prototypes

Build prototypes that match your look and feel.

Miro

Design Wireframes

Design product wireframes with expert guidance.

Miro

Low-fidelity Wireframes Template
Miro
9 likes
960 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
3 likes
685 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.
Website Wireframing Template
Miro
7 likes
473 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.
Low-Fidelity Prototype Template
Miro
7 likes
465 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.
App Wireframe Template
Miro
9 likes
414 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.
Bpart Participation Platform Wireframes
Bpart
18 likes
398 uses
E-Commerce Wireframe Template
Miro
5 likes
315 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.
WPS Essentials Prototype
Wicked Problem Solving by PMI
20 likes
269 uses
Screen Flow Template
Miro
8 likes
255 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.
Website Landing Page Wireframe Template
Miro
7 likes
223 uses
Prototype Template
Miro
5 likes
209 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.
Website Prototype Template
Miro
4 likes
204 uses
Mobile App Prototype AI Template
Miro
5 likes
165 uses
Getting Started With Prototyping in Miro
Kristin Leitch
9 likes
134 uses
iPhone App Template
Miro
2 likes
120 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.
AI Prototype Template
Miro
4 likes
119 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.
Restaurant Website Wireframe Template
Miro
1 likes
117 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.
News Website Wireframe Template
Miro
1 likes
109 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.
Mobile App Wireframe Template
Miro
0 likes
98 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
2 likes
96 uses
Pet Sitting App Wireframe Template
Miro
4 likes
80 uses
Cover Story Mockup
Voltage Control
12 likes
68 uses
Prototype Experiment Card
Prod MBA
18 likes
58 uses
Banking Website Wireframe Template
Miro
0 likes
54 uses
I&CI Toolkit - Test Prototypes
Innovation & Continual Improvement
7 likes
50 uses
Newsletter Template
Miro
1 likes
42 uses
Tracking App Wireframe Template
Miro
1 likes
40 uses
Plant Care App Wireframe Template
Miro
1 likes
33 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.
Which Prototype?
projectdesigntoolkit_DRC
7 likes
25 uses
Start Within: Go Forth & Prototype
Voltage Control
10 likes
22 uses
Prototype Testing Plan
DIY-Toolkit
4 likes
21 uses
I&CI Toolkit - Prototype Solutions
Innovation & Continual Improvement
9 likes
19 uses
Beyond the Prototype
Voltage Control
10 likes
11 uses
5-Day Prototype
Eva Ebbesen Munkvik
5 likes
10 uses
BI Dashboard
Miro
0 likes
7 uses
Cloud storage website
Miro
1 likes
3 uses

Still haven't found your dream template?

Request it from the community.

Request a template

Wireframing & prototyping

Sub categories

Sidekicks

Still haven't found your dream template?

Explore more