Ferramenta draw.io

Para te ajudar, aqui tem algumas dicas de como utilizar a ferramenta draw.io. Essa Seção será organizada em perguntas e respostas para facilitar a resolução de problemas.

Como mudar a cor de fundo e as bordas?

Como mudar a configuração de texto dos elementos?

Como ajustar o tamanho igual e alinhar os elementos?

E as setas entre atividades e desvios?

Primeiro selecione a seta que você quer configurar e vai aparecer a opção de configurar ela.

E as ligações entre informação adicional e atividade?

Como eu salvo meu desenho para usar?

Selecione a opção “Exportar como”, então seleciona PNG. Sempre selecione “Incluir uma cópia do meu diagrama”, porque você pode reutilizar ele no draw.io depois.

Selecionando JPEG não dá para reutilizar no draw.io novamente.

Onde eu ligo as setas nos elementos do meu desenho GERAL?

Nos conectores que a ferramenta oferece. São as marcações em azul em volta de cada elemento, você encaixa as setas neles e aí depois elas se ajustam de acordo com isso.

Se você conectar e as setas ficarem tortas, fica um pouco mais complicado de resolver. Esse é um dos motivos que recomendamos que os elementos tenham tamanhos iguais.

A ferramenta sempre vai tentar encaixar as setas nos conectores. Se isso deixar as setas tortas, o melhor é não encaixar elas nos conectores. Use a ferramenta de zoom (canto superior esquerdo ou tecla alt + rodinha do mouse) e encaixe manualmente o início ou o final da seta onde quiser. Lembre-se que é um desenho e o importante é deixar a reta alinhada, mesmo que ela não encaixe.

Pronto, cobrimos tudo que precisava de importante para usar a ferramenta. Sinta-se livre para desvendar tudo que tem nela, vá mudando os valores e configurações para testar.