Diagramas do Draw.io pela Miro

Pessoas: Todos os usuários
Planos: 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 capacidades dos diagramas do Draw.io

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

• Acesse mais de 50 pacotes de formas, incluindo 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 com Diagramas do Draw.io

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

Abra o aplicativo Draw.io Diagrams.

Para começar a usar o Draw.io Diagrams, você precisa primeiro lançá-lo a partir da barra de ferramentas do seu board da Miro. Siga estas etapas:

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.

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

Fixar diagramas do Draw.io 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 mouse sobre o aplicativo Draw.io Diagrams nos resultados da pesquisa.
2. Clique no ícone Fixar na barra de ferramentas.

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

Criar diagramas com o Draw.io

O aplicativo Draw.io Diagrams oferece flexibilidade para iniciar seu trabalho de diagramação, permitindo que você comece com um canvas em branco ou utilize templates pré-desenhados. Você também pode incorporar seus diagramas existentes de várias fontes.

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

Criar um novo diagrama

Para começar um diagrama do zero, siga estas etapas. Este 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é-desenhada, 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.

Como escolher um template do aplicativo Draw.io Diagrams

Modificar seus diagramas

Uma vez que o seu diagrama estiver no canvas dentro do aplicativo 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 seu diagrama, você pode etiquetar formas e conectores. Aqui está 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. Estes passos explicam como mover, redimensionar ou excluir eles:

1. Para mover uma forma ou conector, clique e arraste-o 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 estas etapas:

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.

Como editar metadados de formas

Adicione camadas ao seu diagrama

As camadas ajudam a aprimorar a organização e a clareza dos seus diagramas, permitindo que você separe diferentes partes para edição ou visualização focada. Isso é particularmente útil para projetos complexos.

1. Abra seu diagrama no aplicativo Draw.io Diagrams.
2. Clique em Visualizar 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 em 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.

Como adicionar camadas no aplicativo Draw.io Diagrams

Gerenciar formas e bibliotecas de formas

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

Utilize uma ampla variedade de pacotes de formas Draw.io

Você pode aumentar suas 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 draw.io

Adicionar formas personalizadas com o bloco de notas

Para personalizar ainda mais sua experiência de diagramação, você pode criar e integrar bibliotecas de formas personalizadas usando o bloco de notas. Siga estas etapas:

1. Abra o aplicativo Draw.io Diagrams.
2. Navegue até visualizar.
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

Assim que as formas personalizadas estiverem no seu bloco de notas, você pode modificá-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 do lado direito para personalizar ainda mais a forma, incluindo a cor da forma, 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 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 galeria de formas

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

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 galeria de formas personalizadas e selecione o local onde deseja salvar o arquivo.
4. Clique em Salvar.

Exportar formas personalizadas como uma biblioteca

Trabalhe com diagramas do Visio

Os Diagramas do Draw.io permitem uma transição perfeita entre ferramentas de diagramação, 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.

Como importar e exportar diagramas no aplicativo Draw.io Diagrams

Salvar, editar e exportar diagramas do Draw.io

Esta seção abrange as etapas finais essenciais no seu fluxo de trabalho de diagramação: salvar seu trabalho no board da Miro, fazer edições subsequentes e exportar seus diagramas em vários formatos.

Salve seu diagrama draw.io

Depois de fazer alterações no aplicativo Draw.io Diagrams, você precisa salvar seu trabalho no board da Miro. Siga estas etapas:

1. Quando terminar de fazer alterações no seu diagrama, lembre-se sempre de clicar em 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.

Como salvar um diagrama do aplicativo Draw.io Diagrams

Edite seu diagrama draw.io

Se você precisar fazer mais alterações em um diagrama já presente no seu board da Miro, veja como editá-lo:

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.

Como 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 para Draw.io Diagrams, para ajudar você a aproveitar ao máximo esta ferramenta.

Quando usar diagramas Draw.io

Os Diagramas do Draw.io são particularmente úteis quando seus projetos têm requisitos de diagramação mais especializados. Considere usá-lo nos seguintes cenários:

• Bibliotecas de formas de nicho: Acesse formatos de nicho, 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 suave com as principais ferramentas de diagramação como Visio, Lucidchart e mais. Compartilhe e colabore sem esforço, usando o Visio (VSDX) como formato universal.
• Preserve detalhes importantes: Mantenha metadados cruciais de camadas e formas (o texto dentro dos seus diagramas) para manter informações valiosas intactas ao migrar do Visio, draw.io ou Lucidchart.

✏️ Este aplicativo de plataforma de terceiros utiliza o código aberto Draw.io do repositório Github, e é hospedado com segurança pela Miro; nenhum dado é compartilhado com terceiros. Draw.io não aceita mais 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 da Miro ou Draw.io.

Perguntas frequentes

Aqui estão respostas para algumas perguntas comuns sobre o uso do aplicativo Draw.io Diagrams no Miro.