Who can do it: All users
Which plans: Business, Enterprise (Accelerate license)
Which platforms: Browser, Desktop
Prototyping in Miro helps teams explore ideas visually and build early versions of digital experiences. Miro provides core tools for manual screen creation. Miro Prototypes expands these capabilities with AI-powered creation and interactive behaviors. You can use both approaches together throughout your workflow.
NOTE: Miro AI-generated prototypes now render as HTML instead of Shapes. You can also embed HTML onto your canvas, and interact with your prototype.
Recommended tools for prototyping
Miroβs prototyping workflow is built on four types of tools:
- Components β UI elements, devices, icons, and advanced components.
- Creation methods β manual screen creation or AI-powered generation.
- Interaction β static layouts or interactive click-through previews.
- Format β Container for your prototypes with quick access to focus mode and previews.
Prototyping features by plan
Feature |
All users |
Business + Enterprise (Accelerate license) |
Prototypes screens (Mobile, desktop, tablet) |
β |
β |
Prototyping library basic UI components and icons |
β |
β |
Prototyping library advanced components |
β |
β |
HTML embed |
β |
β |
AI: generate screens from text or canvas content |
β |
β |
AI: convert screenshots to editable mockups |
β |
β |
AI: refine or expand screens with a prompt |
β |
β |
AI: Visual styling with an image |
β |
β |
AI: Convert HTML embed to prototype |
β |
β |
AI: Convert HTML prototype to free-form wireframe |
β |
β |
Add interactive navigation |
β |
β |
Preview mode (interactive prototype view) |
β |
β |
Format container and focus mode |
β |
β |
NOTE: Miro Prototypes is included in the Business plan. Enterprise teams can access Miro Prototypes with the Accelerate license.
How the tools work together
Miroβs prototyping tools are designed to be used together, not as separate paths. Most teams blend manual creation with AI-powered creation throughout their workflow.
You might:
- Generate an initial set of screens with AI.
- Rearrange or adjust screens manually.
- Add components by hand.
- Use AI again to restyle or extend the prototype.
- Add interactive navigation for feedback sessions.
- Continue refining manually as the idea develops.
This hybrid approach gives you speed, flexibility, and control.