Diagramas do Draw.io pela Miro

Pessoas: Todos os usuários
Planos: Free, Starter, Business, Education e Enterprise
Plataformas: Navegador, desktop

Com o aplicativo Draw.io desenvolvido pela Miro, você pode criar e colaborar em vários tipos de diagramas, unindo times multifuncionais, projetos e documentos técnicos em um único espaço de trabalho. É ideal para criar diagramas técnicos como UML e ERD, projetar racks de servidores e visualizar arquiteturas de rede e nuvem.

Principais funcionalidades do Draw.io Diagrams

Você pode otimizar seu processo de criação de diagramas com uma variedade de recursos avançados disponíveis no aplicativo Draw.io Diagrams. Essas funcionalidades permitem maior personalização, eficiência e integração com seus fluxos de trabalho existentes.

• Acesse mais de 50 pacotes de formas, incluindo a arquitetura empresarial da ArchiMate, circuitos elétricos e plantas baixas e pesquise formas em bibliotecas de ícones de código aberto.
• Importe diagramas do draw.io, Visio e Lucidchart.
• Aproveite recursos avançados como camadas, tags, contêineres inteligentes, layout automático e metadados de forma.
• Formate texto com HTML e use composição matemática em etiquetas.
• Gere texto de diagramas usando PlantUML, código Mermaid, dados de planilha CSV e informações de formatação ou código SQL.
• Gere diagramas a partir de descrições de texto usando templates inteligentes do Draw.io.

✏️ Os admins do plano Enterprise podem adicionar o aplicativo Draw.io Diagrams à sua lista de aplicativos aprovados nas configurações de aplicativo.

Comece a usar o Draw.io Diagrams

Esta seção orienta você a acessar e configurar inicialmente o aplicativo Draw.io Diagrams no seu board da Miro, garantindo que ele esteja disponível para suas tarefas de criação de diagramas.

Abra o aplicativo Draw.io Diagrams

Para começar a usar o Draw.io Diagrams, você precisa primeiro iniciá-lo na barra de ferramentas do seu board. Siga esses passos:

1. Navegue até a barra de ferramentas de criação no lado esquerdo do seu board.
2. Clique no ícone Ferramentas, mídia e integrações (+) e procure por Draw.io Diagrams.
3. Abra o aplicativo Draw.io Diagrams.

Iniciando o aplicativo Draw.io Diagrams na barra de ferramentas de criação

Fixar o aplicativo Draw.io Diagrams na barra de ferramentas

Para facilitar o acesso no futuro, você pode fixar o aplicativo Draw.io Diagrams diretamente na sua barra de ferramentas de criação. Veja como:

1. Após procurar o aplicativo na barra de ferramentas, passe o cursor sobre o aplicativo Draw.io Diagrams nos resultados da busca.
2. Clique no ícone Fixar na barra de ferramentas.

Como fixar o aplicativo Draw.io Diagrams na barra de ferramentas

Crie diagramas com Draw.io

O aplicativo Draw.io Diagrams oferece flexibilidade para começar seus diagramas: você pode iniciar com um canvas em branco ou usar templates prontos. Também é possível incorporar diagramas existentes de várias fontes.

💡 Você pode adicionar seus diagramas do Draw.io existentes a um board da Miro. Aprenda a importar diagramas do Draw.io.

Criar um novo diagrama

Para começar um diagrama do zero, siga esses passos. Esse método fornece um canvas em branco para seus designs personalizados.

✏️ Use as réguas, a grade personalizável e as diretrizes de posicionamento do Draw.io para ajudar você a criar diagramas mais rapidamente.

1. Abra o aplicativo Draw.io Diagrams.
2. Você verá um canvas em branco para começar seu diagrama. Você também pode arrastar e soltar arquivos draw.io no canvas draw.io.
3. Na barra lateral esquerda, você verá várias categorias de forma.
4. Clique e arraste formas (por exemplo, um retângulo ou oval) da barra lateral para o canvas.
5. Continue adicionando formas e conectores conforme necessário para completar seu diagrama. Você também pode adicionar outros elementos, como caixas de texto, imagens e muito mais na barra lateral esquerda.
6. Quando terminar, clique em Salvar e fechar no canto superior direito do aplicativo Draw.io Diagrams.

Como criar um novo diagrama usando o aplicativo Draw.io Diagrams

Escolha um template

Se preferir começar com uma estrutura pré-projetada, você pode escolher entre os templates disponíveis. Veja como:

1. Abra o aplicativo Draw.io Diagrams.
2. Na barra de ferramentas superior, clique no ícone Inserir (+).
3. Clique em template.
4. Selecione um template.
5. Edite o template conforme necessário.
6. Quando terminar, clique em Salvar e fechar no canto superior direito.

Escolhendo um template no aplicativo Draw.io Diagrams

Modificar seus diagramas

Quando seu diagrama estiver no canvas dentro do app Draw.io Diagrams, você pode modificar seus componentes de várias maneiras para refinar sua estrutura e aparência.

Conectar formas

Conectar formas é uma parte fundamental da criação de diagramas. Siga estas instruções para criar e personalizar conectores:

1. Passe o mouse sobre uma forma. Pequenos pontos de conexão aparecerão.
2. Clique e arraste de um desses pontos de conexão para outra forma para criar uma linha de conexão.
3. Clique em uma linha de conexão para personalizá-la. No painel do lado direito, você pode alterar o estilo do conector (reto, curvo, etc.), adicionar pontas de seta ou outros pontos finais e ajustar a cor e a espessura da linha.

Como conectar formas no aplicativo Draw.io Diagrams

Adicionar etiquetas a formas e conectores

Para adicionar informações textuais aos elementos do diagrama, você pode etiquetar formas e conectores. Veja como:

1. Clique duas vezes na forma ou conector e comece a digitar.
2. Formate a etiqueta no menu de texto no lado direito do canvas. Você pode alterar o estilo, a cor, a direção e a altura da fonte.

Como adicionar etiquetas a formas no aplicativo Draw.io Diagrams

Mover, redimensionar e excluir objetos

Você pode manipular objetos facilmente no seu canvas. Siga estes passos para movê-los, redimensioná-los ou excluí-los:

1. Para mover uma forma ou conector, clique e arraste o objeto para o local desejado.
2. Para redimensionar uma forma, clique nela e arraste qualquer um dos pequenos círculos azuis.
3. Para excluir um objeto, selecione-o e pressione a tecla Delete no teclado ou clique no ícone Excluir na barra de ferramentas superior.

Mover, redimensionar e excluir um objeto no aplicativo Draw.io Diagrams

Editar metadados de forma

Você pode adicionar detalhes importantes às suas formas como metadados para torná-las mais informativas. Siga esses passos:

1. Abra o aplicativo Draw.io Diagrams.
2. Selecione uma forma no seu diagrama.
3. Clique com o botão direito do mouse na forma e selecione Editar dados.
4. Uma caixa de diálogo será aberta com os metadados da forma. Os nomes das propriedades estão à esquerda e seus valores à direita.
5. Adicione pares de chave-valor para as informações que você deseja associar à forma.
6. Clique em Aplicar para salvar os metadados na sua forma.
7. Passe o mouse sobre a forma para visualizar seus metadados.

Editar metadados de forma

Adicione camadas ao seu diagrama

As camadas ajudam a organizar e tornar seus diagramas mais claros, permitindo separar diferentes partes para edição ou visualização focada. Isso é especialmente útil em projetos complexos.

1. Abra seu diagrama no aplicativo Draw.io Diagrams.
2. Clique em Exibir e selecione Camadas para exibir a caixa de diálogo Camadas.
3. Para adicionar uma nova camada, clique no ícone de adição (+) na parte inferior da caixa de diálogo Camadas.
4. Para editar o nome da camada, clique duas vezes na camada, edite o texto e clique Renomear.
5. Selecione a camada para torná-la ativa para adicionar ou editar elementos.
6. Para ocultar ou mostrar uma camada, clique no ícone de olho ao lado do nome da camada.
7. Clique em Salvar e fechar quando terminar de editar seu diagrama.

Adicionar camadas no aplicativo Draw.io Diagrams

Gerenciar formas e bibliotecas de formas

O Draw.io Diagrams oferece inúmeras opções para usar várias bibliotecas de formas e gerenciar formas personalizadas para atender às suas necessidades específicas de criação de diagramas.

Utilize uma ampla variedade de pacotes de formas draw.io

Você pode ampliar as possibilidades de criação de diagramas acessando a extensa seleção de pacotes de formas do Draw.io. Veja como adicioná-los:

1. Abra o aplicativo Draw.io Diagrams.
2. Clique em Mais formas na parte inferior do painel Formas no lado esquerdo.
3. Explore as categorias e marque as caixas ao lado dos pacotes de formas que deseja adicionar.
4. Clique em Aplicar para adicionar os pacotes de formas selecionados ao seu painel Formas.

Selecionando um pacote de formas do draw.io

Adicionar formas personalizadas com o bloco de notas

Para personalizar ainda mais sua experiência com Diagramas, você pode criar e integrar bibliotecas de formas personalizadas usando o bloco de notas. Siga esses passos:

1. Abra o aplicativo Draw.io Diagrams.
2. Navegue até Exibir.
3. Selecione Bloco de notas.
4. O bloco de notas será aberto no painel esquerdo.
5. Adicione formas personalizadas arrastando e soltando os arquivos sobre o bloco de notas.

Adicionar formas personalizadas com o bloco de notas

Editar formas personalizadas no bloco de notas

Depois que as formas personalizadas estiverem no seu bloco de notas, você pode editá-las. Veja como:

1. No canvas, clique em uma forma.
2. Clique e arraste os pontos azuis para redimensionar a forma.
3. Use o painel à direita para personalizar ainda mais a forma, incluindo a cor, o Texto e o tamanho.
4. Quando terminar, clique na forma e depois clique no ícone de adição no bloco de notas.
5. A forma será adicionada às suas formas personalizadas.

Como modificar formas personalizadas com o bloco de notas

Excluir e renomear formas personalizadas no bloco de notas

Você pode gerenciar suas formas personalizadas excluindo-as ou renomeando-as no bloco de notas. Siga estas instruções:

1. No bloco de notas, clique no ícone de lápis.
2. Para excluir uma forma do bloco de notas, clique no x no canto superior direito da forma.
3. Clique no campo de texto abaixo de uma forma para inserir um nome. Por padrão, as formas adicionadas ao bloco de notas não têm título.
4. Clique em Salvar quando terminar de editar.

Excluir e renomear formas personalizadas com o bloco de notas

Exportar formas personalizadas como uma biblioteca de formas

Para usar suas formas personalizadas em outros locais ou compartilhá-las, você pode exportá-las como uma biblioteca. Veja o procedimento:

1. No bloco de notas, clique no ícone de lápis.
2. Clique em Exportar para salvar suas formas personalizadas como uma biblioteca.
3. Insira um nome de arquivo para sua biblioteca de formas personalizadas e selecione o local onde deseja salvar o arquivo.
4. Clique em Salvar.

Exportando formas personalizadas como uma biblioteca

Trabalhar com diagramas do Visio

O Draw.io Diagrams permite uma transição perfeita entre ferramentas de diagramas, garantindo que você possa trabalhar com seus diagramas do Visio em diferentes plataformas sem perder detalhes. Veja como importá-los e exportá-los:

1. Abra o aplicativo Draw.io Diagrams.
2. Para importar, clique em Arquivo no canto superior esquerdo, passe o mouse sobre Importar de e selecione Dispositivo. Você também pode carregar seu arquivo do Visio (VSDX) usando um dos serviços de nuvem no menu.
3. Escolha o arquivo Visio (VSDX) do seu dispositivo e clique em Abrir para importar.
4. Para exportar, depois de concluir seu diagrama, clique em Arquivo, passe o mouse sobre Exportar como e selecione Visio (VSDX).
5. Siga as instruções para concluir o processo de exportação.

DICA: Você pode importar e exportar seu arquivo Visio (VSDX) diretamente para o formato Miro Diagram.

Como importar e exportar diagramas no aplicativo Draw.io Diagrams

Salvar, editar e exportar diagramas do Draw.io

Esta seção aborda as etapas finais essenciais do seu fluxo de trabalho de Diagramas: salvar seu trabalho no board da Miro, fazer edições posteriores e exportar seus diagramas em diferentes formatos.

Salve seu diagrama draw.io

Após fazer alterações no aplicativo Draw.io Diagrams, você precisa salvar seu trabalho no board da Miro. Siga esses passos:

1. Quando terminar de fazer alterações no seu diagrama, lembre-se sempre de clicar Salvar e fechar no canto superior direito do aplicativo Draw.io Diagrams.
2. O aplicativo Draw.io Diagrams será fechado e seu diagrama aparecerá automaticamente no seu board da Miro.

Salvando um diagrama no aplicativo Draw.io Diagrams

Edite seu diagrama draw.io

Se precisar fazer mais alterações em um diagrama já no seu board da Miro, veja como editar:

1. No seu board da Miro, selecione o diagrama que deseja editar.
2. Uma barra de ferramentas aparecerá.
3. Na barra de ferramentas, clique no ícone de lápis Editar.
4. O aplicativo Draw.io Diagrams será aberto e você poderá fazer alterações no diagrama.

Editar um diagrama no aplicativo Draw.io Diagrams

Exporte seu diagrama draw.io

Você pode exportar seu diagrama em vários formatos, incluindo PNG, JPEG e PDF diretamente do aplicativo. Siga estas instruções:

1. Clique em Arquivo no canto superior esquerdo do aplicativo Draw.io Diagrams.
2. Passe o mouse sobre Exportar como.
3. Escolha o formato desejado e siga as instruções.
4. Clique em Exportar.

Como exportar um diagrama do aplicativo Draw.io Diagrams

Informações de referência

Esta seção fornece detalhes adicionais, incluindo casos de uso específicos e perguntas frequentes sobre o Draw.io Diagrams, para ajudar você a aproveitar ao máximo esta ferramenta.

Quando usar diagramas Draw.io

O Draw.io Diagrams é especialmente útil quando seus projetos exigem requisitos mais especializados para diagramas. Considere usá-lo nos seguintes cenários:

• Bibliotecas de formas especializadas: Acesse formas específicas, seja para diagramas complexos de engenharia elétrica ou para o layout específico de plantas baixas.
• Personalização: Crie seus próprios pacotes de formas com o Visio (arquivos VSSX) ou diretamente no draw.io para adaptar seus diagramas exatamente às suas necessidades.
• Integração perfeita: O draw.io garante compatibilidade com as principais ferramentas de criação de diagramas, como Visio, Lucidchart e outras. Compartilhe e colabore sem esforço, usando o Visio (VSDX) como formato universal.
• Preservar detalhes importantes: Mantenha metadados cruciais de camadas e formas (o texto dentro dos seus diagramas) para preservar informações valiosas ao migrar do Visio, draw.io ou Lucidchart.

✏️ Este aplicativo de plataforma de terceiros utiliza o código aberto do Draw.io do repositório Github e é hospedado com segurança pela Miro; nenhum dado é compartilhado com terceiros. O Draw.io não aceita contribuições. Portanto, este aplicativo de plataforma de terceiros é fornecido "no estado em que se encontra", com todos os bugs e erros, e é oferecido sem qualquer garantia, indenização, compromissos de segurança ou suporte de qualquer tipo por parte da Miro ou do Draw.io.

Perguntas frequentes

Aqui estão respostas a algumas perguntas frequentes sobre o uso do aplicativo Draw.io Diagrams na Miro.