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
41likes
3.8Kuses
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
9likes
2.4Kuses
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.
Low-Fidelity Prototype Template
Miro
23likes
2Kuses
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.
E-Commerce Wireframe Template
Miro
27likes
1.9Kuses
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.
Website Wireframing Template
Miro
21likes
1.2Kuses
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
27likes
1Kuses
App Wireframe Template
Miro
23likes
960uses
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
15likes
831uses
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
29likes
615uses
Website Prototype Template
Miro
26likes
574uses
Prototype Template
Miro
12likes
479uses
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
16likes
464uses
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
24likes
364uses
AI Prototype Template
Miro
5likes
322uses
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.
Mobile App Prototype Template
Miro
4likes
304uses
Mobile App Wireframe Template
Miro
9likes
301uses
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.
Getting Started With Prototyping in Miro
Kristin Leitch
17likes
294uses
iPhone App Template
Miro
5likes
294uses
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
5likes
292uses
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.
Modern Sitemap Wireframe
Carolina Poll
15likes
253uses
Pet Sitting App Wireframe Template
Miro
11likes
243uses
Newsletter Template
Miro
5likes
188uses
Website homepage
Miro
13likes
138uses
Sketching Wireframe Kit
Rizwan Khawaja
8likes
135uses
Banking Website Wireframe Template
Miro
2likes
113uses
Tracking App Wireframe Template
Miro
4likes
111uses
Device Wireframe
Deanne Watt
1likes
98uses
Create Prototypes With Miro AI
Kristin Leitch
11likes
92uses
Plant Care App Wireframe Template
Miro
4likes
85uses
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
12likes
81uses
Inventory web app
Miro
0likes
75uses
AI Chatbot
Deanne Watt
5likes
71uses
Company Site Wireframe
Rizwan Khawaja
4likes
64uses
I&CI Toolkit - Test Prototypes
Innovation & Continual Improvement
11likes
63uses
Fitness App Wireframe
Carolina Poll
4likes
60uses
Prototype Experiment Card
Prod MBA
18likes
60uses

Wireframing & prototyping

Sub categories

Explore more