Draw.IO – Desenhar diagramas nunca foi tão fácil

09 Mar 2015 · Internet 21 Comentários

Os diagramas ou esquemas são conteúdos determinantes para a compreensão e descrição dos mais variados conceitos, procedimentos ou ideias. Existem várias ferramentas que permitem produzir este tipo de conteúdo, umas mais ricas em diversidade de objectos, outras mais ricas em funcionalidades.

Já falamos sobre o LucidChart, hoje vamos falar sobre o Draw.IO uma ferramenta muito completa e grátis.

O Draw.IO anteriormente chamado de Diagramly, assenta na plataforma do Google Drive e permite criar diagramas, fluxogramas, mockups, esquemas, etc, tudo a partir do seu browser.

Para usar este serviço não é necessário a criação de qualquer conta especifica, basta ter conta no Gmail, OneDrive (Hotmail ou Outlook) ou Dropbox e permitir que a aplicação tenha acesso ao armazenamento. Se preferir, pode guardar directamente para o disco do seu dispositivo.

A partir da janela de trabalho principal do Draw.IO tem acesso a uma enorme quantidade de elementos (agrupados por temas) que pode adicionar.

Elementos que pode usar:

Elementos típicos para fluxogramas e diagramas
Vários containers e formas
Modelos de inteface e icones de equipamentos móveis (estilos iOS 6 / 7 e Android)
Componentes electrónicos e multimédia
Esquemas informáticos (base de dados, redes, etc)
UML
Diagrama ER (Relação-Entidades)
BPMN (Notação de Modelagem de Processos de Negócio)
ArchiMate
Cisco
SysML (Systems Modeling Language)
Planta de casa (desenho de piso)
E muitos outros elementos

Se achar que necessita de um elemento extra e não consegue encontrar na aplicação, pode importar imagens extras para o seu ambiente de trabalho a partir do seu dispositivo ou do Google Search.

Se não quiser começar do zero, tem à sua disposição um conjunto de templates que se podem adequar ao que pretende. Podem ser ajustados e modificados da forma que preferir. Se nenhum dos templates oferecidos se enquadrar à sua necessidade, pode importar um via URL.

Os conteúdos podem ser exportados em vários formatos: PDF, PNG, JPEG, GIF, SVG, HTML e XML. Pode obter o código de um div ou iframe para embeber numa página Web e apresentar publicamente.

Não está disponível a opção de exportar para VDX (Visio). No entanto pode instalar a extensão Draw.IO no Chrome e editar. Infelizmente não existe nenhuma extensão para o Firefox.

Uma vez que o Draw.IO assenta inteiramente sobre a plataforma Google Drive, este recorre ao sistema de partilha do serviço cloud da Google, o que permite trabalhar em colaboração de forma grátis.

Apesar de existirem outros serviços pela internet fora, este parece-me ser o serviço mais completo e disponibilizado de forma gratuita tendo a opção de colaboração disponível gratuitamente onde noutros é pago.

Já usou o Draw.IO? O que acha dele?

Homepage: Draw.IO

Este artigo tem mais de um ano

Acompanhe o Pplware no Google Notícias

Propor Revisão Proponha uma correção, faça uma sugestão

Autor: Hélder Ferreira

Tags: chrome Cloud Diagramas Diagramly dropbox ER firefox Fluxograma Gmail google drive onedrive UML Visio web

Comentários21

Afonso says:

9 de Março de 2015 às 21:11

Alguem conhece uma boa ferramenta para mockups? utilisei durante algum tempo o fluidui, mas agora passou a ser pago.

Responder
- Rui Dias says:
  
  9 de Março de 2015 às 21:19
  
  Balsamiq Mockups:
  https://balsamiq.com/
  
  Responder
- Rui Fernandes says:
  
  9 de Março de 2015 às 23:03
  
  Ninjamock:
  http://ninjamock.com/
  
  Responder
- Redin says:
  
  13 de Agosto de 2017 às 22:31
  
  Tive a necessidade de procurar informação no youtube sobre mockups, mas sempre fui parar a tutoriais para fazer cartões, cartazes ou impressões para canecas ou t-shirts. Alguma coisa que me possam ajudar a perceber onde encontrar algo diferente?
  
  Responder
AT says:

9 de Março de 2015 às 21:12

Já conhecia, muito completo ! Já fiz muitos trabalhos com esta ferramenta !

Responder
Luís says:

9 de Março de 2015 às 23:01

Já fiz alguns trabalhos nele, mas já não mexo há algum tempo… daqui a uns tempos vou voltar decididamente a usá-lo…

Responder
Rui Fernandes says:

9 de Março de 2015 às 23:04

Utilizo e recomendo, muito útil, fácil de exportar e importar.
Montes de símbolos para qualquer tipo de diagrama que possam imaginar

Responder
Gui Lopes says:

9 de Março de 2015 às 23:18

Esta ferramenta também é muito interessante – https://www.websequencediagrams.com/

Responder
João Simões says:

9 de Março de 2015 às 23:26

Desconhecia esta aplicação. Vou testar da próxima vez que faça uns diagramas.
Normalmente uso o Lucidchart que funciona muito bem no Google Drive e do qual não tenho qualquer razão de queixa!

Responder
Pedro says:

10 de Março de 2015 às 01:43

Uso e recomendo! Aproveito para perguntar se conhecem alguma app que permita desenhar com uma caneta no ecrã do tablet e ele assumir como diagramas. Obrigado!

Responder
- Tiago Caneira says:
  
  10 de Março de 2015 às 14:59
  
  Depende do tablet. No iPad uso o Grafio e funciona bastante bem. Desenhas e tem reconhecimento de formas, gosto bastante e é o que uso sempre que preciso.
  
  Responder
paulo g. says:

10 de Março de 2015 às 09:26

E que tal usarem o LibreOffice Draw? … e já agora o resto do LibreOffice.
Importa essa coisa do vsd, pdfs e faz isso tudo. Apenas não está na web e irá estar no android num futuro…

Responder
- Hélder Ferreira says:
  
  10 de Março de 2015 às 20:37
  
  A ideia é as pessoas não terem que instalar nada no computador. Além disso o Draw.IO guarda directamente no Drive ou OneDrive ou Dropbox, o que pode ser uma mais valia.
  Nos últimos tempos tenho utilizado o Microsoft Web Apps do Outlook pois serve-me perfeitamente para aquilo que faço.
  
  Responder
Ricardo says:

10 de Março de 2015 às 14:19

Já utilizei bastantes vezes, sem dúvida uma ferramenta imprescindível.

Responder
FAlmeida says:

11 de Março de 2015 às 09:37

Outra boa ferramenta:
http://pencil.evolus.vn

Responder
PPereira says:

12 de Março de 2015 às 10:10

Tem uma limitação grave: não permite importar formas/objetos nem imagens normais (o Lucidchart permite isso).
Dá para editar formas atuais, dá para pesquisar formas numa base de objetos (não são verdadeiramente vetoriais as que surgem na pesquisa).
De resto funciona muito bem (alguns problemas nas margens para impressão).

Responder
Glaucia says:

13 de Novembro de 2015 às 09:31

Acho que não estou sabendo utilizar a ferramenta da forma adequada. As minhas imagens estão ficando sem qualidade. Alguém sabe se posso fazer alguma coisa na própria ferramenta para melhorar?

Responder
Redin says:

13 de Agosto de 2017 às 11:14

Para acompanhar…

Responder
Rodrigo says:

6 de Setembro de 2017 às 20:06

Por favor, como faço para colocar um diagrama feito no draw no word, já tentei de tudo e não consegui, alguém poderia me ajudar por gentileza, obrigado.

Responder
- Dalton Lopes says:
  
  16 de Agosto de 2018 às 02:36
  
  Vc pode exportar como pdf. é o mais fácil.
  
  Responder
Dalton Lopes says:

16 de Agosto de 2018 às 02:33

Como faço para colocar a chave e o simbolo de losango do lado da descrição das entidades?????

Responder

Deixe um comentário Cancelar Resposta

Aviso: Todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste site ou do(s) seu(s) autor(es). Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. A administração deste site reserva-se, desde já, no direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação do seu autor (nome completo e endereço válido de email) também poderão ser excluídos.