Miro para criação de mapas e diagramas

Pessoas: Todos os usuários 
Planos: Todos os planos
Plataformas: Navegador, Desktop, Tablet (desenho inteligente)

A Miro oferece um conjunto completo de ferramentas para todas as etapas do seu processo de mapeamento e criação de diagramas, funcionando como uma solução tudo-em-um. Você pode começar a criar diagramas do zero usando ferramentas e frameworks intuitivos ou aproveitar a extensa biblioteca de templates prontos da Miro. 

As funcionalidades colaborativas da Miro permitem que você compartilhe facilmente seu trabalho com colegas, possibilitando discussões e refinamentos em tempo real diretamente no board. Quando seu diagrama estiver pronto, você pode exportá-lo e apresentá-lo sem esforço.

OBSERVAÇÃO: Pacotes de formas específicos, como BPMN, AWS e Electrical Engineering, e funcionalidades como formas personalizadas e formatos avançados de Diagramas, estão disponíveis apenas nos planos Business, Enterprise e Education.

💡 Aprimore suas habilidades em diagramas fazendo o curso de Diagramas Técnicos da Miro Academy.

Crie seu primeiro diagrama na Miro

A Miro oferece diversas ferramentas e funcionalidades inteligentes para criação de diagramas, adequadas às suas necessidades de mapeamento e representação visual. Esta seção orientará você pelas funcionalidades disponíveis para ajudar você a começar.

Para começar, acesse a Galeria de formas selecionando a ferramenta de formas na barra de ferramentas e clicando em Todas as formas. Essa ação abrirá o painel Diagramas no lado esquerdo do seu board.

Painel Diagramas com formas no lado esquerdo do board

Para adicionar uma forma ao seu board, clique na forma desejada no painel ou arraste-a e solte-a no board.

Você pode personalizar sua Galeria de formas adicionando novos pacotes de formas:

1. No painel Diagramas, clique em Gerenciar formas.
2. Aparecerá uma lista de pacotes de formas disponíveis. Marque a caixa ao lado de cada pacote de formas que você deseja adicionar à sua biblioteca. As formas básicas, fluxograma e conectores estão disponíveis para todos os usuários. Outros pacotes de formas especializados, como BPMN, Data flow, AWS, Azure, Cisco, etc., estão disponíveis nos planos Business, Enterprise e Education (veja a seção Pacotes de formas para a lista completa).
3. Role para baixo no painel Diagramas para ver e usar as formas adicionadas.

Ao passar o cursor sobre uma forma no painel, o nome ou a função da forma será exibido (por exemplo, Predefined Process para uma forma de fluxograma).

Como adicionar novos pacotes de formas ao painel Diagramas

Pacotes de formas disponíveis

A Miro oferece uma ampla variedade de pacotes de formas para atender a diferentes necessidades de criação de diagramas. Eles estão organizados conforme a disponibilidade por plano:

Formas personalizadas

Disponível para: planos Business, Enterprise e Education

Além dos pacotes de formas integrados, você também pode criar, salvar e reutilizar formas personalizadas em seus diagramas. Essa funcionalidade permite personalizar sua biblioteca visual para necessidades específicas do projeto ou requisitos de marca.

Use os Diagramas da Miro para diagramas avançados

• Trabalhar no Modo Foco, um espaço de trabalho sem distrações especificamente pensado para tarefas de criação de diagramas.
• Utilizar Miro IA para gerar diagramas automaticamente a partir de uma breve descrição em texto.
• Organizar diagramas complexos usando camadas, que permitem mostrar ou ocultar conteúdo específico por tópico ou time.
• Converter formas existentes no seu board em um diagrama conectado com um único clique.
• Mantenha a estrutura e o alinhamento consistentes com funcionalidades como encaixe às grades e dimensões automáticas dos objetos.

Você pode começar adicionando formas manualmente ou deixar que a Miro AI auxilie na criação inicial, garantindo que seus diagramas permaneçam limpos, organizados e fáceis de gerenciar.

Aplicar temas de diagrama para estilo consistente

Para criar diagramas visualmente atraentes e consistentes, você pode escolher entre vários temas de diagrama predefinidos antes de começar a criar.

Você pode encontrar Temas de diagramas no painel Diagramas (Formas > Todas as formas). Os temas ficam logo acima dos seus pacotes de formas. Selecionar um tema no início do processo de criação de diagramas pode poupar bastante tempo na formatação manual depois.

💡 Para um visual totalmente alinhado à sua marca, você pode criar diagramas usando o estilo da marca da sua organização (disponível em planos aplicáveis) para apresentações e boards com aparência profissional.

✏️ Temas de diagramas estão disponíveis no momento para formas básicas e formas de fluxograma.

Selecionar um tema de diagrama no painel Diagramas

Organizar diagramas com raias

As raias ajudam a dividir diagramas em áreas lógicas, essencial para visualizar informações complexas e garantir clareza e responsabilidade. São comumente usadas em fluxogramas, diagramas BPMN e diagramas UML para mostrar interdependências, conexões e transferências entre as diferentes raias (que representam funções, departamentos ou fases). Adicionar raias pode melhorar a eficiência dos processos, ajudando a identificar desperdícios e ineficiências.

As raias fazem parte dos pacotes de formas Fluxograma, BPMN e UML. Para adicionar raias:

1. Abra o painel Diagramas selecionando Formas > Todas as formas.
2. Verifique se o pacote de formas Fluxograma, BPMN ou UML está ativado.
3. Encontre os objetos raia (verticais, horizontais ou Pools, para agrupar várias raias) dentro do respectivo pacote de formas.
4. Arraste e solte um objeto raia no board para começar.

Passe o mouse sobre as raias no board para encontrar pontos de controle. Eles permitem adicionar mais raias, redimensioná-las ou movê-las.

⚠️ Conteúdo colocado em raias atualmente não pode ser bloqueado nem alinhado usando as ferramentas padrão de alinhamento para vários objetos. No entanto, você pode agrupar objetos dentro das raias, o que é especialmente útil para BPMN e outros diagramas de processo.

Trabalhando com raias da Miro

Adicionar anotações com Callouts

Use Callouts para anotar seus diagramas e destacar informações importantes sem sobrecarregar o visual principal. Para adicionar Callouts:

1. Abra o painel Diagramas selecionando Formas > Todas as formas.
2. Verifique se o pacote de formas Callouts está ativado.
3. Arraste e solte uma forma Callout no seu board.

Adicionando Callouts a um diagrama

Os Callouts estão disponíveis em três formas diferentes: um Callout padrão, um balão de fala e colchetes. Ao conectar a cauda de um Callout a um objeto no board, ela fica fixa; assim, se você mover o objeto ou o Callout, a cauda permanecerá conectada.

Diferentes tipos de Callouts conectados a formas

Criar diagramas de entidade-relacionamento (ERD)

Disponível para: planos Business, Enterprise e Education

A ferramenta de modelagem de relacionamento entre entidades da Miro permite visualizar modelos de dados de alto nível usando três conceitos básicos: entidades, atributos e relacionamentos. Isso é particularmente útil para o projeto de bancos de dados e a arquitetura de sistemas.

Principais funcionalidades ao criar ERDs incluem:

• Aplicar cores alternadas aos atributos das entidades para melhorar a legibilidade.
• As entidades podem ser configuradas com colunas simples, duplas ou triplas para representar diferentes tipos de informação.
• Adicione facilmente linhas (atributos) a uma entidade usando o sinal + que aparece ou pelo painel flutuante acima ou abaixo da entidade.
  
  Adicionando e modificando entidades em um ERD
• Conecte cardinalidades (que representam a relação numérica entre entidades) às entidades (formas) ou a atributos específicos (linhas dentro da forma).
• As linhas de conexão usam automaticamente notações de cardinalidade ao trabalhar com entidades ERD.
  
  Conectando entidades com notações de cardinalidade

Use ferramentas rápidas de criação de diagramas

A Miro oferece várias ferramentas para ajudar a criar, transformar e conectar formas com mais eficiência, acelerando o processo de criação de diagramas.

✏️ As formas básicas estão disponíveis para todos os usuários. O acesso a pacotes de formas para Diagramas está disponível nos planos Business, Enterprise e Education.

Criar e conectar formas rapidamente:

1. Selecione o ícone de forma na barra de ferramentas à esquerda.
2. Escolha qualquer forma e adicione-a ao seu board clicando ou arrastando.
3. Para duplicar uma forma existente, selecione-a e pressione Enter.
4. Como alternativa, passe o cursor sobre um ponto azul que aparece nas laterais de uma forma selecionada. Isso mostrará onde uma nova forma ou uma linha de conexão pode ser criada rapidamente. Clique no ponto para adicionar a linha sugerida ou a nova forma.
5. Se quiser conectar uma forma a outro objeto existente que não seja sugerido automaticamente, clique e arraste o ponto azul e desenhe a linha de conexão até o objeto de destino, como de costume.

Criação e conexão de formas com um clique na Miro

Inserir uma forma entre duas formas conectadas:

Se precisar adicionar uma etapa ou mais informações a um fluxo existente, você pode inserir facilmente uma forma na linha de conexão.

1. Clique na linha de conexão entre duas formas.
2. Clique no ícone Inserir forma (parece uma pequena forma com sinais de mais) na barra de ferramentas do objeto que aparece.
3. Escolha o tipo de objeto que deseja inserir no menu suspenso.

Observe que deve haver espaço suficiente na linha de conexão entre os dois objetos conectados para que a opção Inserir forma esteja disponível.

Inserir um objeto entre duas formas conectadas

Alterar tipos de objeto com facilidade:

Você pode alterar instantaneamente o tipo de um objeto no seu board usando a Alterar tipo funcionalidade. Isso permite transformar um objeto (por exemplo, uma nota adesiva, caixa de texto, ou cartão) em outro tipo de objeto (como uma forma dos pacotes do painel Diagramas), preservando seu conteúdo e conexões quando possível.

1. Clique no objeto no board que deseja transformar.
2. Clique no ícone de Alterar tipo no menu de contexto do objeto.
3. Selecione ou pesquise um novo tipo de objeto no menu suspenso.

A funcionalidade Switch type está disponível para formas básicas e para formas dos pacotes de formas de Diagramas.

Pesquisar e transformar um objeto em outro tipo usando o menu Switch type

Usar Dimensões do objeto para maior precisão

As Dimensões do objeto ajudam você a criar diagramas profissionais mais rapidamente e com maior precisão, permitindo que você crie objetos do mesmo tamanho de forma consistente em todo o seu board.

Essa funcionalidade funciona com todos os objetos da Miro, exceto linhas.

Como ativar as dimensões do objeto:

1. Clique no menu de três pontos () no canto superior esquerdo do seu board.
2. Navegue até Exibir > Dimensões do objeto.
3. Ative Dimensões do objeto.

Como usar as dimensões do objeto:

Quando ativado, ao criar novos objetos ou redimensionar os existentes, você verá um retângulo azul exibindo a largura e a altura do objeto em pixels. Guias azuis também aparecerão para ajudar a alinhar o objeto atual com outros objetos no seu board quando suas dimensões coincidirem.

Trabalhando com as dimensões de objeto para redimensionar e alinhar formas

Personalizar a visualização da grade de plano de fundo

Você pode alterar a visualização da grade no seu board para ajudar a criar e alinhar conteúdo com mais precisão.

1. Clique no menu de três pontos () no canto superior esquerdo do seu board.
2. Navegue até Exibir > Grades.
3. Escolha entre três opções: Nenhuma (sem grade), Grade com linhas ou Grade de pontos.

Selecionando a visualização da grade de fundo nas configurações do board

A Grade com linhas facilita a navegação e o alinhamento com pequenos quadrados. Tanto a grade com linhas quanto a grade de pontos permitem o encaixe de objetos na grade.

Usar Ajustar à grade

Quando uma visualização de grade (de linhas ou de pontos) estiver ativada, você também pode ativar o ajuste à grade. Para fazer isso:

1. Clique com o botão direito em uma área vazia do canvas.
2. Alterne a opção Ajustar à grade no menu de contexto.

Alternando Ajustar à grade pelo menu de contexto do canvas

Quando o Ajustar à grade estiver ativo, os objetos que você adicionar ou mover no board se ajustarão automaticamente às linhas ou pontos da grade mais próximos, ajudando você a alinhá-los com precisão.

Objetos se ajustando às linhas da grade

Para desabilitar temporariamente o ajuste às grades enquanto arrasta um objeto, mantenha pressionado Cmd (no macOS) ou Ctrl (no Windows).

Usar guias inteligentes para alinhamento

Guias inteligentes ajudam a alinhar objetos com outros no board e a manter espaçamento igual.

1. Clique no menu de três pontos () no canto superior esquerdo.
2. Acesse Preferências.
3. Verifique se Alinhar objetos está ativado.

Ativar guias inteligentes (Align objects) nas Preferências

Ao colocar ou mover um objeto no board, guias inteligentes azuis aparecerão, sugerindo alinhamentos (vertical ou horizontal) com outros objetos e indicando espaçamento uniforme.

Guias inteligentes exibindo sugestões de alinhamento e espaçamento

Personalizar elementos do diagrama

Você tem várias opções para personalizar a aparência dos seus diagramas. É possível alterar a cor de preenchimento de uma forma, a cor da borda, a opacidade e a formatação do texto. Para linhas de conexão, é possível configurar o tipo (por exemplo, reta, em cotovelo, curva), a cor, a espessura e adicionar etiquetas de texto.

💡 Você também pode alterar a cor dos ícones AWS no pacote de formas AWS para Diagramas. Essa opção não está disponível para ícones anteriores a 2025.

Não se esqueça de que você também pode incorporar cartões e notas adesivas aos seus diagramas. Você pode facilmente converter esses objetos em formas (e vice-versa), muitas vezes mantendo seu estilo e conteúdo.

Você pode selecionar vários itens no board para personalizá-los simultaneamente. Saiba mais sobre como selecionar e mover vários objetos.

Alterando o estilo de um fluxograma na Miro

💡 Para a melhor experiência com Diagramas em tablets, experimente usar smart drawing, que converte automaticamente seus esboços feitos à mão em formas limpas na Miro.

Caminho mais curto com linhas de conexão

Para garantir que sua linha de conector sempre encontre o caminho mais curto entre os objetos, arraste-a até o corpo do objeto até que apareça um contorno azul e, em seguida, confirme o conector. 

O contorno azul indica uma conexão centro a centro. Uma conexão centro a centro encontra o caminho mais curto entre os objetos conectados. Por exemplo, quando você move um objeto conectado para outra posição no canvas.

Observação: Se você não confirmar a linha de conector, o contorno azul desaparece após alguns segundos. Para atualizar o contorno azul, retire a linha e arraste-a novamente até o corpo do objeto.

Faça uma conexão centro a centro para sempre encontrar o caminho mais curto entre os objetos conectados.

Uma linha de conexão na borda de um objeto cria uma conexão de âncora. Conexões de âncora não se ajustam para encontrar o caminho mais curto quando você move um objeto conectado.

Criar mapas mentais

A Miro oferece uma ferramenta dedicada de mapa mental para ajudar você a expressar ideias, mapear fluxos e organizar sessões de brainstorming. Comece com um conceito central e crie facilmente ramificações e nós filhos. Você pode escolher entre layouts vertical ou horizontal para o seu mapa mental.

Exemplo de mapa mental da Miro

Com a ferramenta de mapa mental, você pode alterar a posição dos nós filhos, alinhá-los com um único clique, personalizar a cor e o estilo do seu mapa mental, reatribuir nós e vincular dependências. Saiba mais sobre os mapas mentais da Miro.

Desenvolver mapas da história do usuário

O framework interativo de mapa da história (do usuário) na Miro oferece uma forma eficaz de adicionar e organizar rapidamente histórias de usuário. Você pode começar com alguns cartões e desenvolver facilmente o seu mapa da história (do usuário) usando controles e atalhos intuitivos. Saiba mais sobre o mapeamento de histórias de usuário no Miro.

Exemplo de um mapa da história (do usuário) no Miro

Usar templates prontos

Dê o pontapé inicial no processo de criação de diagramas com a extensa Galeria de templates da Miro. Você encontrará diversos templates projetados por profissionais para vários casos de uso, incluindo mapas de jornada, wireframes, organogramas, fluxogramas e muito mais. Você pode acessar a galeria a partir do seu board da Miro (pelo botão Templates na barra de ferramentas), pelo seu painel ou diretamente na página de templates da Miro. Você pode usar um template pré-preenchido como ponto de partida ou começar com uma versão em branco da estrutura do template.

Explorando templates de mapeamento e diagramas na Galeria de templates da Miro

Aproveitar aplicativos e integrações

Aprimore as funcionalidades de mapeamento e diagramas explorando as integrações da Miro com outros serviços. Abra o Marketplace da Miro e, no lado esquerdo, selecione o caso de uso Mapping & Diagramming no filtro para descobrir apps relevantes.

Categoria de apps Mapping & Diagramming no Marketplace da Miro

Aqui estão alguns apps que podem enriquecer sua experiência com diagramas:

• Bancos de ícones: Apps como Iconfinder e Unsplash permitem pesquisar e adicionar ícones e imagens com facilidade para visualizar seus diagramas técnicos sem sair da Miro. Observe que outros pacotes de ícones também estão disponíveis diretamente na Galeria de formas da Miro.
• Clusterizer da Refractive Strategy: Este aplicativo ajuda você a organizar notas adesivas e cartões marcados, criando automaticamente diagramas a partir deles. Selecione um grupo de notas adesivas ou cartões marcados, abra o Clusterizer e clique em Criar. O aplicativo criará réplicas dos seus itens, conectadas por linhas. Saiba mais sobre o Clusterizer.
• Wireframes: A Miro tem sua própria biblioteca de wireframes que inclui aproximadamente 60 elementos de interface e uma variedade de ícones interativos. Você pode alterar facilmente o estilo e o tipo desses elementos e associá-los a outros objetos no seu board.
• Integrações de gerenciamento de tarefas: Se seus diagramas envolvem tarefas ou itens, as integrações da Miro com cartões do Jira, cartões do Asana e cartões do Azure podem ser úteis. Importe tarefas e itens diretamente nos seus boards como cartões interativos para manter seu fluxo de trabalho centralizado na Miro.
• Diagramas (link do Marketplace): Este link no Marketplace levará você para a biblioteca e ferramentas de Diagramas da Miro.
• Smart Diagrams by Appgami: Este app oferece uma biblioteca de templates de diagramas pré-criados e personalizáveis. Saiba mais sobre Smart Diagrams.

Colabore e refine seus diagramas

A Miro foi criada para facilitar a colaboração. Você pode compartilhar seus boards da Miro facilmente por e-mail, criando um link público ou convidando membros específicos do time ou do projeto para colaborar online em tempo real ou de forma assíncrona.

Outra forma eficaz de compartilhar seus diagramas é incorporar seus boards da Miro em outras plataformas como Confluence, itens do Jira, canais ou chats do Microsoft Teams ou cartões do Trello. Isso permite que usuários, mesmo aqueles que não têm conta na Miro (dependendo das configurações de compartilhamento), visualizem, comentem ou até editem seus diagramas diretamente nesses aplicativos.

Use comentários e notas adesivas para deixar feedback, fazer perguntas e iniciar discussões diretamente no diagrama. Para ficar por dentro, configure integrações com Slack ou Microsoft Teams para receber notificações sobre a atividade do board por diferentes canais.

Usando comentários para colaborar em um board da Miro

Exportar e apresentar seus diagramas

Quando seu diagrama estiver pronto, a Miro oferece várias maneiras de apresentá-lo e compartilhá-lo:

• Apresentar diretamente na Miro: Use o modo de apresentação da Miro ou oriente os colaboradores para seguir sua visualização no board. Passe o mouse sobre o seu avatar e clique em Trazer todos para mim para que os colaboradores vejam no que você está trabalhando. Saiba mais sobre como apresentar na Miro.
• Exporte seu diagrama: Exporte seu diagrama como PDF ou como imagem. A exportação como imagem suporta JPG, PDF e SVG. Para saber como, consulte Diagramas da Miro. Para incorporar seu diagrama, verifique se as configurações de compartilhamento permitem o acesso dos visualizadores apropriados.
  No menu de contexto Formato do Diagrama, exporte seu diagrama como PDF, imagem ou incorporação.

💡 Exportar seu board: Você pode exportar opcionalmente todo o seu board ou elementos selecionados para compartilhar fora da Miro. A exportação oferece suporte a JPG, PNG, PDF e CSV, dependendo do tipo de conteúdo, ou RTB como arquivo de backup do board.

Navegação pelo teclado para mapeamento e criação de diagramas

A Miro fornece um conjunto abrangente de comandos de teclado para aprimorar a navegação e a interação com widgets e diagramas em um board. A navegação eficiente é particularmente crucial para diagramas complexos com muitos elementos e conectores.

Comandos de navegação pelo teclado

Navegação linear (sequencial)

Pressione Tab para ir ao próximo elemento no board ou Shift + Tab para retornar ao elemento anterior de forma sequencial.

Navegação espacial (direcional)

Use Cmd + teclas de seta (no macOS) ou Ctrl + teclas de seta (no Windows) para mover o foco para elementos com base em sua disposição espacial (para cima, para baixo, à esquerda ou à direita) em relação ao objeto atualmente selecionado.

Navegar por diagramas complexos com a lista de conectores

Muitos diagramas consistem em redes intrincadas de conectores. Para usuários que dependem da navegação por teclado ou de tecnologias assistivas, a Miro fornece uma lista organizada de todos os conectores vinculados a um objeto selecionado.

Acessar a lista de conectores de um objeto selecionado

• No macOS: Pressione Cmd + . (tecla Command e tecla ponto).
• No Windows: Pressione Ctrl + . (tecla Ctrl e tecla ponto).

Este atalho exibirá uma lista categorizada de conectores associados ao objeto selecionado, agrupada por:

• Entrada: Conectores com uma seta apontando para o objeto selecionado.
• Saída: Conectores com uma seta apontando para fora do objeto selecionado.
• Circular: Conectores que conectam o objeto a si mesmo.
• Se um conector tiver duas setas (bidirecional), aparecerá nos grupos Entrada e Saída.

Navegar na lista de conectores

• Pressione Tab para alternar o foco entre os grupos Incoming, Outgoing e Circular na lista.
• Use as teclas seta para cima e seta para baixo para navegar pelos conectores individuais no grupo selecionado.
• Pressione Enter para mover o foco do teclado da lista para o conector selecionado no board.