En el món actual, on la visualització d’informació és clau per comunicar idees complexes, draw.io (també conegut com a diagrams.net) s’ha consolidat com una de les eines més potents i accessibles per crear diagrames de qualsevol tipus.

Què és draw.io?

Draw.io és una aplicació de dibuix de gràfics multiplataforma desenvolupada en HTML5 i JavaScript. La seva interfície es pot utilitzar per crear diagrames com ara diagrames de flux, wireframes, diagrames UML, organigrames i diagrames de xarxa.

La plataforma ofereix una solució completa que funciona tant com a aplicació web com a aplicació d’escriptori, proporcionant flexibilitat total als usuaris independentment del seu entorn de treball.

Per a què serveix Draw.io?

Draw.io és una eina versàtil que serveix per a múltiples propòsits:

• Diagrames de flux i processos: Perfecte per documentar processos de negoci, fluxos de treball i procediments operatius.
• Diagrames tècnics: Ideal per crear diagrames de xarxa, arquitectures de sistema, diagrames UML i ERD (Entity-Relationship Diagrams).
• Organització visual: Permet crear organigrames, mapes mentals i diagrames de Gantt per a la gestió de projectes.
• Prototipatge: Útil per crear wireframes i mockups per a aplicacions web i mòbils.
• Documentació: Excel·lent per acompanyar documentació tècnica amb elements visuals clars i professionals.

Principals característiques

Interfície intuïtiva i funcions avançades

Draw.io ofereix una interfície intuïtiva amb funcionalitat d’arrossegar i deixar anar, plantilles de diagrames personalitzables i una extensa biblioteca de formes. Entre les seves característiques més destacades trobem:

• Biblioteca extensa de formes: Més de 250.000 formes disponibles, incloent-hi icones AWS, Azure, Google Cloud, i moltes altres.
• Plantilles predefinides: Centenars de plantilles per començar ràpidament qualsevol tipus de diagrama.
• Col·laboració en temps real: Possibilitat de treballar simultàniament amb altres usuaris.
• Connexions intel·ligents: Les línies de connexió s’ajusten automàticament quan es mouen els elements.
• Capes i organització: Sistema de capes per organitzar elements complexos.

Integració amb serveis de núvol

S’integra amb serveis de núvol per a l’emmagatzematge incloent Dropbox, OneDrive, Google Drive, GitHub i GitLab.com. També està disponible com a plugin per incrustar l’aplicació web en plataformes com NextCloud, MediaWiki, Notion, Atlassian Confluence i Jira.

Tipus de llicència i model de negoci

Llicència oberta i gratuïta

El codi minificat escrit per ells en aquest repositori està llicenciat sota una llicència Apache v2, però les fonts per construir aquests fitxers no estan en aquest repositori. Aquest no és un projecte de codi obert.

Model freemium:

• Versió gratuïta: Accés complet a totes les funcionalitats bàsiques sense necessitat de registre.
• Versions premium: Per a integracions específiques amb Atlassian (Confluence i Jira).

Preus i plans

Aplicació web i desktop: Completament gratuïta per a ús personal i comercial.

Integració Atlassian:

• L’aplicació ofereix dues edicions diferents: Standard i Advanced.
• Els preus varien segons el nombre d’usuaris i el tipus d’instal·lació (Cloud, Server, Data Center).

Repositori GitHub i aspectes tècnics

Repositoris principals

Repositori principal: jgraph/drawio draw.io és un editor JavaScript del costat del client per a diagramació general.

Aplicació d’escriptori: jgraph/drawio-desktop drawio-desktop és una aplicació d’escriptori de diagramació basada en Electron que encapsula l’editor principal de draw.io.

Llenguatges de programació

diagrams.net és una aplicació de dibuix de gràfics multiplataforma desenvolupada en HTML5 i JavaScript.

Stack tecnològic:

• Frontend: HTML5, CSS3, JavaScript
• Desktop: Electron framework
• Backend: Serveis de núvol per a l’emmagatzematge

Versions disponibles

Versió web: Accessible des de qualsevol navegador modern a app.diagrams.net

Versió d’escriptori: Disponible per a Linux, macOS i Windows. Es pot descarregar des de la secció de releases.

Integracions: Disponible com a plugin per a múltiples plataformes i aplicacions.

Comparativa amb Lucidchart

Per entendre millor el posicionament de Draw.io al mercat, hem realitzat una comparativa amb Lucidchart, un dels seus principals competidors:

Resum de la comparativa

Conclusions

Draw.io es presenta com una solució excel·lent per a usuaris que busquen una eina de diagramació potent, gratuïta i sense complicacions. La seva principal fortalesa rau en la seva accessibilitat i en el fet que ofereix funcionalitats professionals sense cost algú.

És ideal per a:

• Desenvolupadors que necessiten crear diagrames tècnics ràpidament
• Petites empreses amb pressupost limitat
• Usuaris que valoren la privacitat i el control sobre les seves dades
• Organitzacions que ja utilitzen GitHub, Google Drive o altres plataformes compatibles

Podria no ser l’opció òptima per a:

• Grans empreses que necessiten funcions de col·laboració avançades
• Equips que requereixen integracions específiques amb eines de productivitat
• Usuaris que prioritzen el suport tècnic dedicat

En resum, diagrams.net democratitza l’accés a eines de diagramació professionals i continua sent una opció de referència per a milions d’usuaris que busquen qualitat, simplicitat i, sobretot, gratuïtat en les seves eines de treball visual.

Aquest article forma part de la nostra sèrie sobre eines de productivitat. Per a més contingut sobre tecnologia i desenvolupament, segueix nucliserver.com.