Miro para criação de mapas e diagramas

Pessoas: Todos os usuários 
Planos: Todos os planos* (Free, Starter, Business, Enterprise, Education)
Plataformas: Navegador, Desktop, Tablet (smart drawing)

Pacotes específicos de formas (BPMN, AWS, UML) e recursos como formas personalizadas e formatos avançados de diagramação estão disponíveis nos planos Business, Enterprise e Education.

A Miro fornece um conjunto abrangente de ferramentas para todas as etapas do seu processo de mapeamento e diagramação, funcionando como uma solução completa. Você pode começar a criar diagramas do zero usando ferramentas intuitivas e frameworks ou aproveitar a extensa biblioteca de templates prontos da Miro. As funcionalidades colaborativas da Miro permitem que você compartilhe seu trabalho facilmente com o time, possibilitando discussões e refinamentos em tempo real diretamente no board. Quando seu diagrama estiver completo, você pode exportá-lo e apresentá-lo sem esforço.

💡 Aprimore suas habilidades de diagramação fazendo o curso da Miro Academy sobre diagramação técnica.

Crie o seu primeiro diagrama na Miro

A Miro oferece uma variedade de ferramentas e recursos de criação de diagramas inteligentes para atender às suas necessidades de mapeamento e diagramação. Esta seção o guiará pelas funcionalidades disponíveis para ajudá-lo a começar.

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

Painel de formas de diagramação no lado esquerdo do board

Para adicionar uma forma ao seu board, você pode clicar na forma desejada no painel ou arrastá-la e soltá-la no board.

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

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

Ao passar o mouse sobre uma forma no painel, seu nome ou propósito (por exemplo, Processo predefinido para uma forma de fluxograma) será exibido.

Como adicionar novos pacotes de formas ao painel de criação de diagramas

Pacotes de formas disponíveis

A Miro oferece uma ampla gama de pacotes de formas para atender a diversas necessidades de diagramação. Estes são organizados por disponibilidade de plano:

Usar formas personalizadas

Disponível para: planos Business, Enterprise e Education

Além dos pacotes de formas embutidos, você também pode criar, salvar e reutilizar formas personalizadas em seus diagramas. Este recurso permite que você adapte sua biblioteca visual às necessidades específicas de projetos ou exigências de marca.

Use o formato de Diagramas para diagramação avançada

• Trabalhe em modo foco, um espaço de trabalho sem distrações criado especificamente para tarefas de diagramação.
• Utilize Miro AI para gerar diagramas automaticamente a partir de uma descrição de texto curta.
• Organize diagramas complexos usando camadas, que permitem mostrar ou ocultar conteúdo específico por tópico ou time.
• Converta formas existentes no seu board em um diagrama conectado com um único clique.
• Mantenha uma estrutura consistente e alinhamento com recursos como ajuste à grade e dimensões automáticas de objetos.

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

Aplicar temas de diagrama para um estilo consistente

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

Você pode encontrar temas de diagramas no painel de Diagramação (Formas > Todas as formas). Os temas estão localizados logo acima dos seus pacotes de formas. Selecionar um tema no início do seu processo de diagramação pode economizar tempo significativo na formatação manual posteriormente.

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

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

Selecionando um Tema de Diagrama no painel de Diagramas

Organize diagramas com raias

As raias ajudam a dividir diagramas em áreas lógicas, o que é essencial para visualizar informações complexas e projetar para clareza e responsabilidade. São comumente usados em fluxogramas, diagramas BPMN e UML para mostrar interdependências, conexões e transferências entre diferentes faixas (representando funções, departamentos ou fases). A adição de raias pode melhorar a eficiência do processo, ajudando você a identificar desperdícios e ineficiências.

As raias estão incluídas nos pacotes de formas de fluxograma, BPMN e UML. Para adicionar raias:

1. Abra o painel de diagramação selecionando Formas > Todas as Formas.
2. Certifique-se de que o pacote de formas de fluxograma, BPMN ou UML esteja habilitado.
3. Encontre os objetos de raia (vertical, horizontal ou piscinas para agrupar várias raias) dentro do respectivo pacote de formas.
4. Arraste e solte um objeto de raia no seu board para começar.

Passe o mouse sobre as raias no seu board para encontrar os pontos de controle. Eles permitem que você adicione mais faixas, redimensione-as ou mova-as.

⚠️ Conteúdo colocado dentro de raias atualmente não pode ser bloqueado, alinhado usando ferramentas de alinhamento padrão para múltiplos objetos, ou agrupado com outros objetos fora da raia.

Trabalhando com raias da Miro

Adicionar anotações com Balões

Use balões de texto para anotar seus diagramas e chamar a atenção para informações importantes sem sobrecarregar o visual principal. Para adicionar Balões de Texto:

1. Abra o painel de Diagramas selecionando Formas > Todas as Formas.
2. Certifique-se de que o pacote de formas Callouts esteja habilitado.
3. Arraste e solte uma forma de balão no seu board.

Como adicionar balões de texto a um diagrama

Os balões de chamada estão disponíveis em três formas diferentes: um balão de chamada padrão, um balão de fala e colchetes. Você pode conectar a cauda de um Balão a um objeto no board; isso o bloqueará, então se você mover o objeto ou o Balão, a cauda permanecerá conectada.

Diferentes tipos de balões 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 é especialmente útil para design de banco de dados e arquitetura de sistema.

Recursos principais ao criar ERDs incluem:

• Aplicar cores alternadas aos atributos dentro das entidades para melhor legibilidade.
• As entidades podem ser configuradas com colunas simples, duplas ou triplas para representar diferentes tipos de informações.
• Adicione facilmente linhas (atributos) a uma entidade usando o + que aparece ou através do painel flutuante acima ou abaixo da entidade.
  
  Adicionando e modificando entidades em um DER
• Conecte cardinalidades (que representam a relação numérica entre entidades) a 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

Utilize ferramentas de criação rápida de diagramas

A Miro oferece várias ferramentas para ajudá-lo a criar, transformar e conectar formas de maneira mais eficiente, acelerando o processo de diagramação.

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

Crie e conecte 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 mouse sobre um ponto azul que aparece nas laterais de uma forma selecionada. Isso mostrará onde uma nova forma ou linha de conexão pode ser criada rapidamente. Clique no ponto para adicionar a linha sugerida ou uma nova forma.
5. Se você quiser conectar uma forma a outro objeto existente que não é sugerido automaticamente, clique e arraste o ponto azul e, em seguida, desenhe a linha de conexão até o objeto alvo como de costume.

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

Insira uma forma entre duas formas conectadas:

Se você precisa adicionar uma etapa ou mais informações a um fluxo existente, pode facilmente inserir uma forma em uma 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 você gostaria de 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 de inserir forma esteja disponível.

Inserindo um objeto entre duas formas conectadas

Altere tipos de objetos facilmente:

Você pode mudar instantaneamente o tipo de um objeto no seu board usando a funcionalidade Alterar tipo. 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 seus pacotes de diagramação) preservando seu conteúdo e conexões quando possível.

1. Clique no objeto no board que você 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 função Alterar tipo está disponível para formas básicas e formas de pacotes de formas de diagramação.

Pesquisando e transformando um objeto em um tipo diferente usando o menu Alterar tipo

Use dimensões do objeto para precisão

As dimensões dos objetos ajudam você a criar diagramas profissionais de forma mais rápida e precisa, permitindo que você crie objetos do mesmo tamanho de forma consistente em todo o seu board.

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

Como habilitar as dimensões do objeto:

1. Clique no ícone de três pontos no canto superior esquerdo do seu board.
2. Navegue para Visualizar > Dimensões do objeto.
3. Alternar Dimensões do objeto.

Como usar as dimensões do objeto:

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

Trabalhando com dimensões de objetos para redimensionar e alinhar formas

Personalizar 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 ícone de três pontos no canto superior esquerdo do seu board.
2. Acesse Visualizar > Grades.
3. Escolha entre três opções: Nenhuma (sem grade), Grade de linha ou Grade de pontos.

Selecionar uma visualização da grade de fundo nas configurações do board

A grade de linhas habilita a navegação e o alinhamento mais fácil com pequenos quadrados. Ambas as grades de linha e de pontos oferecem suporte para encaixar objetos na grade.

Usar Ajustar à grade

Quando uma visualização de grade (Linha ou Ponto) está ativada, você também pode habilitar o encaixe na 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.

Alternar Alinhar à grade no menu de contexto do canvas

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

Objetos ajustados às linhas da grade

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

Use guias inteligentes para alinhamento

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

1. Clique no ícone de três pontos no canto superior esquerdo.
2. Navegue até Preferências.
3. Certifique-se de que Alinhar objetos está ativado.

Habilitando guias inteligentes (Alinhar objetos) em Preferências

Quando você coloca ou move um objeto no board, diretrizes inteligentes azuis aparecerão, sugerindo alinhamentos (vertical ou horizontal) com outros objetos e indicando espaçamento igual.

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

Personalize seus elementos de diagrama

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

Não se esqueça de que você também pode incorporar cartões e notas adesivas em seus diagramas. Você pode facilmente converter esses objetos em formas (e vice-versa) enquanto frequentemente mantém 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.

Mudando o estilo de um fluxograma na Miro

💡 Para a melhor experiência de diagramação em tablets, experimente usar Smart Drawing, que converte automaticamente seus esboços desenhados à mão em formas limpas da Miro.

Criar mapas mentais

A Miro oferece uma ferramenta dedicada de mapa mental para ajudá-lo 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 verticais ou horizontais para seu mapa mental.

Exemplo de um 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, redefinir os nós e vincular dependências. Saiba mais sobre os mapas mentais da Miro.

Desenvolver Mapas de História do Usuário

A estrutura interativa do Mapa de Histórias do Usuário na Miro oferece uma maneira eficaz de adicionar e organizar rapidamente as histórias do usuário. Você pode começar com alguns cartões e facilmente desenvolver seu mapa de história do usuário usando controles intuitivos e atalhos. Saiba mais sobre o mapeamento de User Story na Miro.

Exemplo de um mapa de história do usuário na Miro

Usar templates prontos

Inicie seu processo de diagramação com a extensa Galeria de templates da Miro. Você encontrará diversos templates profissionalmente desenhados para vários casos de uso, incluindo mapas de jornada do cliente, wireframes, organogramas, fluxogramas e muito mais. Você pode acessar a galeria da Miro a partir do seu board no Miro (via o botão "Templates" na barra de ferramentas), do seu painel, ou diretamente na página de templates da Miro. Você pode optar por 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 diagramação na Galeria de templates da Miro

Aproveitar aplicativos e integrações

Aprimore suas capacidades de mapeamento e diagramação explorando as integrações da Miro com outros serviços. Abra o Marketplace da Miro e filtre pelo caso de uso "Mapeamento e Diagramação" à esquerda para descobrir aplicativos relevantes.

Categoria de aplicativos de mapeamento e diagramação no Marketplace da Miro

Aqui estão alguns aplicativos que podem enriquecer sua experiência com a criação de diagramas:

• Bancos de dados de ícones: Aplicativos como Iconfinder e Unsplash permitem que você pesquise e adicione ícones e imagens facilmente para visualizar seus diagramas técnicos sem sair do Miro. Observe que outros pacotes de ícones também estão disponíveis diretamente na Miro galeria de formas.
• Clusterizer da Refractive Strategy: Este aplicativo ajuda você a organizar notas adesivas e cartões etiquetados criando diagramas automaticamente a partir deles. Selecione um grupo de itens marcados, abra o Clusterizer e clique em Criar. O aplicativo criará réplicas dos seus itens conectados com linhas. Saiba mais sobre o Clusterizer.
• Wireframes: A Miro tem sua própria Galeria de wireframes que inclui aproximadamente 60 elementos de UI e uma variedade de ícones interativos. Você pode alterar facilmente o estilo e o tipo desses elementos e vinculá-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 benéficas. Importe tarefas e itens diretamente para os seus boards como cartões interativos para manter seu fluxo de trabalho centralizado na Miro.
• Diagramas (link do Marketplace): Este link no Marketplace direcionará você para a galeria de diagramas e ferramentas nativas da Miro.
• Diagramas inteligentes pela Appgami: Este aplicativo oferece uma galeria de templates de diagramas prontos e personalizáveis. Saiba mais sobre Smart Diagrams.

Colabore e refine seus diagramas

A Miro é feita para colaboração. Você pode compartilhar seus boards do 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 maneira eficaz de compartilhar seus diagramas é incorporar seus boards do 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, inclusive aqueles não registrados na Miro (dependendo das configurações de compartilhamento), visualizem, comentem ou até mesmo editem seus diagramas diretamente dentro dessas aplicações.

Use comentários e notas adesivas para deixar feedback, fazer perguntas e iniciar discussões diretamente no diagrama. Para se manter atualizado, configure integrações com Slack ou Microsoft Teams para receber notificações sobre atividades dos boards através de diferentes canais.

Usar comentários para colaborar em um board da Miro

Exporte e apresente seus diagramas

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

• Apresente diretamente na Miro: Use o modo de apresentação de Miro ou simplesmente guie os colaboradores fazendo com que sigam 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 board: Você pode exportar o seu board ou partes selecionadas dele para compartilhar seu trabalho com colegas ou clientes fora da Miro. A Miro suporta vários formatos de exportação, incluindo imagem (JPG, PNG), PDF, CSV (para alguns tipos de conteúdo como tabelas ou cartões) ou como um arquivo de backup do board da Miro (arquivo .RTB).

Opções de exportação de board disponíveis na Miro

Use a 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 interação com widgets e diagramas no board. A navegação eficiente é particularmente crucial para diagramas complexos com muitos elementos e conectores.

Comandos de navegação no teclado

Navegação linear (sequencial)

Pressione Tab para mover para o próximo elemento no board ou Shift + Tab para mover para o elemento anterior sequencialmente.

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 (cima, baixo, esquerda ou direita) em relação ao objeto atualmente selecionado.

Navegue por diagramas complexos com a lista de conectores

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

Acesse a lista de conectores para o objeto selecionado

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

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

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

Navegue dentro da lista de conectores

• Pressione Tab para alternar o foco entre os grupos Entrada, Saída e Circular dentro da lista.
• Use as teclas de seta para cima e para baixo para navegar pelos conectores individuais dentro do grupo atualmente selecionado.
• Pressione Enter para mover o foco do teclado da lista para o conector realmente selecionado no board.