LibreAI / Diseño / vscode-drawio
// design · hediet/vscode-drawio

vscode-drawio

vscode-drawio es un proyecto de diseño de código abierto de hediet (hediet/vscode-drawio en GitHub). Tiene 9.495 estrellas en GitHub y 467 bifurcaciones, se publica bajo la licencia GPL-3.0 y se actualizó por última vez en GitHub el 3 de octubre de 2026.

This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.

★ 9,5k estrellas⑂ 467 bifurcacionesGPL-3.0actualizado oct 2026
▦ visual: el README de este proyecto no incluye ninguna captura incrustable,
así que aquí va un marcador. La guía de abajo está completa de todos modos.
// datos del proyecto

Datos del proyecto

Estrellas en GitHub
9.495
Bifurcaciones
467
Licencia
GPL-3.0
Última actualización en GitHub
3 de octubre de 2026
Categoría
Diseño
Tipo de ficha
Guía de instalación completa
Sitio oficial
Official site
// cómo funciona

Cómo funciona

  1. Pick the surface

    Whiteboard, diagrams-as-code, or component library — match the artifact.

  2. Start from templates

    Community templates and themes skip the blank page.

  3. Collaborate

    Real-time editing and version history included.

  4. Export & ship

    SVG/PNG/code output drops into products and docs.

// características

Por qué gusta tanto

Self-hostable

Run the whole studio on your own server.

Infinite canvas

Brainstorm without page boundaries.

Component systems

Production-ready UI kits with theming.

Diagrams as code

Version diagrams in git alongside your code.

Real-time collaboration

Multiplayer cursors without the enterprise invoice.

No per-seat fees

The whole team joins free.

Advertisement
// ejecútalo

Ejecútalo tú mismo

  1. Step 1 — Clone the repo

    Download the source and move into the project folder.

    git clone https://github.com/hediet/vscode-drawio.git
    cd vscode-drawio
  2. Step 2 — Check the README

    Every project documents its own setup; start with install requirements.

    cat README.md | head -60
  3. Step 3 — Run it

    Follow the project's launch command — Docker, pip, npm, or a binary release.

    # see README for the exact launch command
// casos de uso

Qué puedes crear

Advertisement
// preguntas frecuentes

Preguntas frecuentes

Who maintains vscode-drawio?

It is an open-source project at hediet/vscode-drawio with 467 forks. Check the repo's contributors and recent commits to see how active maintenance is.

Is vscode-drawio free for commercial use?

GPL-3.0 — free to use, but derivative works must stay open.

Can it replace Figma?

For whiteboarding and diagrams, yes. Deep product design still favors Figma's ecosystem.

What about design handoff?

Export to code and specs that developers can actually use.

Can I self-host?

Most of these offer Docker images for private instances.

// sigue explorando

Herramientas similares

Diseño

rallly

Rallly is an open-source scheduling and collaboration tool designed to make organizing events and meetings easier.

★ 5,3k estrellasAGPL-3.0
Ver la guía →
Diseño

oxdraw

Diagram as Code Tool Written in Rust with Draggable Editing

★ 2,4k estrellasMIT
Ver la guía →
Diseño

Checkmate

Checkmate is an open-source, self-hosted tool designed to track and monitor server hardware, uptime, response times, and incidents in real-time with beautifu…

★ 10,9k estrellasAGPL-3.0
Ver la guía →
Diseño

draw.io Desktop

draw.io Desktop — the official offline desktop app for diagrams.net: flowcharts, architecture diagrams and wireframes in an Electron app that never sends your diagram data anywhere, GPL-3.0

★ 63,6k estrellasGPL-3.0
Ver la guía →
Diseño

diagrams

:art: Diagram as Code for prototyping cloud system architectures

★ 42,7k estrellasMIT
Ver la guía →
Diseño

QuickApp

AI-ready Angular + ASP.NET Core starter with hardened auth built in

★ 1,4k estrellasMIT
Ver la guía →
// alternativas

Alternativas en Diseño

Los demás proyectos de Diseño con más estrellas del catálogo de LibreAI: la lista realista de alternativas si vscode-drawio no es lo que buscas.

// más en design

Más en Diseño

Proyectos de Diseño cercanos en el catálogo, los más próximos en estrellas a vscode-drawio: sigue explorando a ambos lados.

Consigue vscode-drawio

Gratis y abierto: consigue el código fuente, dale una estrella al repositorio y empieza a crear.