You can use Miro as an all-in-one solution that provides necessary tools at every stage of the mapping or diagramming process. Start diagramming in Miro from scratch using intuitive tools and frameworks or choose a pre-made template from the extended Miro library. Share with your teammates and enjoy the ease of collaboration in Miro - discuss and refine right on the board. Once your diagram is ready, easily export and present your work.
💡 Take the Miro Academy course on mapping and diagramming.
Create your first diagram
To start mapping & diagramming with Miro, choose a tool that will best suit your needs and take advantage of smart diagramming capabilities. Discover your opportunities below.
To open the shape library, choose the shape tool on the toolbar and click All shapes. The Diagramming panel will open for you on the left-hand side.
Diagramming shapes on the left-side panel
To create a shape on your board, simply click it or drag it onto the board.
You can add new shapes to your library:
- Click Manage shapes.
- Check the box next to the needed shape pack. Basic shapes, Flowchart, Connectors are available for everyone. Other shape packs (BPMN, Data flow, AWS, etc.) are only available for Business, Consultant, Enterprise, and Education plans.
- Scroll down to see and use the new shapes.
When hovering over a shape on the panel, you can see its meaning (for example, Predefined Process).
Adding new shape packs to the Diagramming panel
Available shape packs
- Basic shapes
- Flowchart
- Connectors
- Callouts
- BPMN
- Data Flow
- AWS
- Azure
- Cisco
- Google Cloud
- Kubernetes
- VMware
- UML
Diagram Themes
To create eye-catching diagrams, choose between several diagram Themes before you start building.
You can find diagram Themes under Shapes > All shapes. Just above your shape pack, you can select one of the six diagram Themes. Choose one before you start building your diagram to reduce time spent on styling.
✏️ Diagram Themes are currently available for Basic shapes and Flowchart shapes.
Diagram Themes
Swimlanes
Dividing diagrams into logical areas helps to visualize complex information and design for clarity and accountability. Often used in the creation of Flowcharts, BPMN and UML diagrams, Swimlanes show interdependencies, connections, and handoffs between lanes. Adding Swimlanes to your diagram can improve the efficiency of your processes and help you identify waste and inefficiencies.
Swimlanes are part of the Flowchart, BPMN, and UML shape packs. You can add Swimlanes by going to Shapes > All Shapes > search for Flowchart, BPMN, or UML shape pack. Simply drag and drop onto the board to start creating.
There are vertical and horizontal Swimlanes, and with Pools, you can group multiple lanes together.
Hover over the Swimlanes to find control points. These let you add lanes and move them.
Miro swimlanes
Callouts
Annotate diagrams with Callouts to draw attention to important information, without clutter. To add Callouts, go to Shapes > All Shapes > search for Callouts. Once selected, you can drag and drop Callouts onto your board.
Adding Callouts
Callouts have three different shapes: callout, speech bubble, and brackets. Connecting the tail of the Callout to an object will lock it; moving the object or the Callout will keep the tail connected.
Callouts on the board
Quick diagram creation
The functionality allows you to connect and create shapes and other objects on the board with a single click! As soon as you select a shape, a sticky note, or a card and hover over a blue dot near the object, it will show you where a new shape or a connection line will be created:
- If there is another object near the selected one, you will be suggested to create a connection line
- If there are no objects near the selected one, you will be suggested to create the same object linked to the chosen one
Simply click the dot to create a line or an object. If you wish to connect the object to the one which is different from the suggested, drag the dot and draw the connection line as usual.
One-click creation and connection in Miro
Quick diagram creation cannot be turned off.
Insert shape
The insert object capability allows you to easily add a new object between two connected widgets. Select a connection line between two objects, choose insert shape on the line's context menu, and click on the object you'd like to insert. Note that there needs to be enough space between two connected objects to be able to use the insert shape button.
Inserting an object between two shapes
Background grid view
Change the grid view on your board to create content on the board with more precision. Open the board settings and select Background grid.
Background grid in boards settings
You can choose between three options: None, Line grid, Dot grid. Line grid enables easier navigation around the board with the help of small squares. If you choose Dot grid, you can also enable snapping objects to the grid.
Background grid views
Snap to grid
Enable snapping to the dot grid in the board settings (see above). When you add a shape or any other object to the board, it will automatically snap to the dots showing the most accurate way to align it according to the grid.
Snapping to the grid
Smart guides
You can enable smart guides in the board settings, under the Preferences menu.
Enabling smart guides
When you place an object on a board or move it, smart guides will give you suggestions on how to align it with other objects on the board vertically or horizontally and will show equal spacing between objects. You will see the blue guidelines as you move the object.
Changing your diagram
You can change shape's color, opacity, text formatting and configure connection line's type, color, and text labels. Feel free to use cards and sticky notes as well - easily convert objects while keeping their style. You can select several items to filter and customize them: How to select and move multiple objects.
Changing a flowchart in Miro
💡 For the best experience in the Tablet app, use smart drawing which automatically converts your drawings into Miro shapes.
Mind map
Express your ideas, map out flows, and organize the brainstorming process with Miro mind map. Start with one concept and create branches and child nodes using a vertical or horizontal layout.
Miro mind map
You can change the position of child nodes and align them in one click, change the colour and style of your mind map, reassign nodes and link dependencies. Learn more about mind map.
User story mapping
The interactive User story map framework by Miro is a good way to quickly add and organize user stories. Start with three cards and develop your USM using intuitive controls and shortcuts. Learn more about Miro User story map.
Miro User story mapping
Templates
Discover Miro Template Library where you will find multiple custom-crafted templates for customer journey maps, wireframes, organizational charts, and more. Access the library from your board, dashboard, or on this page. You can use a pre-filled template or start with blank.
Miro templates for mapping and diagramming
Apps
Explore Miro integrations with other services bringing even more opportunities to mapping & diagramming in Miro. Open Miro Marketplace and switch to the use case on the left.
Miro apps for mapping and diagramming
Feel free to install the apps that will enrich your diagramming experience.
- Icon databases (Iconfinder, Unsplash). Visualize your technical diagrams without the need to switch between Miro and icon sets. Note that other icon packages are also available in the Shape library.
- Clusterizer by Refractive Strategy. The app clusters your tagged sticky notes and cards by automatically building diagrams. Select a group of tagged stickies or cards, open Clusterizer, and click Build. The app will build replicas of your tagged items connected with lines. Learn more.
- Wireframes. Miro Wireframe library includes about 60 UI elements and a variety of interactive icons. Easily change the style and type of elements and link them to other objects.
- Jira Cards, Asana Cards, Azure Cards. If your diagrams include cards, you may benefit from Miro integrations with Jira, Asana, and Azure - keep your workflow in Miro by importing tasks and issues to boards as interactive cards.
- Diagramming. This will lead you to the diagramming library.
- Smart Diagrams by Appgami. Discover the library of pre-made customizable templates. Learn more.
Collaborate and refine
Seamlessly share your Miro boards via email, publicly, or with team or project members to start collaborating online or asynchronously.
Another simple way to share your board is to embed it into Confluence, Jira, Microsoft Teams, Trello, or any other website that supports iframe and allow unregistered users to comment or edit on your boards within the apps.
Use comments and stickies to leave notes and initiate discussions. Set up integration with Slack and Microsoft Teams to get notifications via different channels.
Miro comments
Export and present
Present your diagram at a meeting. Hover over your avatar and bring collaborators to your screen to let them see what you are working on. Learn more.
Miro attention management
Export the board and send your work results to colleagues or clients to present your diagram outside Miro. You can choose between different formats: image, PDF, CSV or an .RTB file.
Board export options