Create interactive wireframes directly in Miro

Create interactive wireframes directly in Miro

The wireframe Library (see link above) lets you create very quickly wireframes of an app or website within Miro. 

Why do that in miro?

I find this especially useful when you are working on digital prototypes with a team that is new to prototyping but already knows a tiny bit Miro. Instead of asking the team to learn another additional tool like Figma, Sketch or Adobe XD you can build the wireframe directly within a tool the team already knows.

How to make it even better?

Miro has a few integrated apps that will help you build your wireframes even quicker:

  1. The Iconfinder app let's you add quickly icons

  2. The unsplash app let's you add quickly photos you are allowed to use without paying or attribution

  3. The undraw app let's you quickly add illustrations

  4. And the shape tool let's you design your app layout with rectangles, circles and so on like you would do with any other design app


Once you mix all these apps and tools together you can create pretty rich wireframes. Below you see an example of such a prototype built in Miro:


Finally you can make your prototype even interactive in miro by using the links in a smart way:



All explanations are in the next tip.

Selected ressources to use Miro like an innovation nerd

Buy nowLearn more
  • What do you get and won't get?

If you are not yet up to speed learn the basics

  • Introduction
  • Miro basics
  • Miro collaboration basics
  • Getting started with Miro course

The features and tricks that make a difference and that I use

  • Introduction
  • Set the start view to not overwhelm people
  • Use the visual notes to create a table of content
  • Setup a vote without bias
  • Use tags to add secondary information
  • Drag the smart alignement button
  • Add branded illustrations from undraw
  • Let guests collaborate without a Miro account
  • Create interactive wireframes directly in Miro
  • Create a navigation with links
  • Export a frame as a PDF for the old school guys
  • Use embeds, iframes and apps

Ressources to get to the next level

  • Introduction
  • Icebreakers for Miro
  • Remote workshops in Miro
  • Miroverse: the community miro templates
  • Miro Academy
  • My personal templates
  • Thank you note and licence