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.
In this article:
- Create your first diagram in Miro
1.1. Shapes & connection lines
1.2. Quick diagram creation
1.3. Shape library
1.4. Insert shape
1.5. Background grid view
1.6. Snap to grid
1.7. Smart guides
- Mind map
- User story mapping
- Collaborate and refine
- Export and present
Create your first diagram in Miro
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.
Shapes & connection lines
Miro shapes and connection lines work together perfectly and ensure a fluent diagramming experience. Start drawing a shape, fill it with text, drag a blue dot to create a connection line, and add another object with just one click.
✏️ The quick diagram creation feature is already available for select Miro accounts. Learn more.
Creating a diagram with Miro shapes and connection lines
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.
💡 Select several items to filter and customize them: How to select and move multiple objects.
Changing a flowchart in Miro
Quick diagram creation
The new 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
Some Miro users already have access to the extended shape library. To open it, 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 Add shapes or select icon on the top of the panel
- Check the box next to the needed shape pack. Basic shapes, Flowchart, Connectors are available for everyone. All other shape packs (BPMN, Data flow, AWS, etc.) are only available for Business and Enterprise 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
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 content 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
You can enable smart guides in the board settings.
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.
Smart guides in Miro
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
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
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, Cisco Network Topology Icons, AWS Architecture Icons, Unsplash). Visualize your technical diagrams without the need to switch between Miro and icon sets - you can now have the icons at hand. Learn more.
- 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.
- 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.
Export and present
Present your diagram at a meeting in various ways.
- Initiate a screen sharing session, so that other participants could see your screen. Unmute your microphone for voice-over comments and enable video chat to kick off discussions. Learn more.
Miro screen sharing
- Hover over your avatar and bring collaborators to your screen to let them see what you are working on. Learn more.
Miro attention management
Board export options