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
39likes
3.6Kuses
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.3Kuses
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
26likes
1.8Kuses
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
21likes
1.8Kuses
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
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
25likes
978uses
App Wireframe Template
Miro
23likes
931uses
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
800uses
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
28likes
592uses
Website Prototype Template
Miro
26likes
546uses
Prototype Template
Miro
12likes
461uses
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
15likes
437uses
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
307uses
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
17likes
291uses
iPhone App Template
Miro
5likes
288uses
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
284uses
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
9likes
282uses
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
3likes
278uses
Pet Sitting App Wireframe Template
Miro
11likes
235uses
Modern Sitemap Wireframe
Carolina Poll
14likes
229uses
Newsletter Template
Miro
4likes
179uses
Sketching Wireframe Kit
Rizwan Khawaja
8likes
131uses
Website homepage
Miro
12likes
129uses
Banking Website Wireframe Template
Miro
2likes
112uses
Tracking App Wireframe Template
Miro
4likes
108uses
Device Wireframe
Deanne Watt
1likes
92uses
Create Prototypes With Miro AI
Kristin Leitch
11likes
92uses
Plant Care App Wireframe Template
Miro
4likes
82uses
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
79uses
Inventory web app
Miro
0likes
74uses
I&CI Toolkit - Test Prototypes
Innovation & Continual Improvement
11likes
63uses
AI Chatbot
Deanne Watt
5likes
62uses
Prototype Experiment Card
Prod MBA
18likes
60uses
Company Site Wireframe
Rizwan Khawaja
4likes
57uses
Fitness App Wireframe
Carolina Poll
4likes
56uses

Wireframing & prototyping

Sub categories

Explore more