LibreAI / Design / vscode-drawio
// design · hediet/vscode-drawio

vscode-drawio

vscode-drawio é um projeto de design de código aberto de hediet (hediet/vscode-drawio no GitHub). Tem 9.495 estrelas no GitHub e 467 forks, é publicado sob a licença GPL-3.0 e foi atualizado pela última vez no GitHub em 3 de outubro de 2026.

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

★ 9,5 mil estrelas⑂ 467 forksGPL-3.0atualizado out 2026
▦ visual: o README deste projeto não inclui nenhuma captura incorporável,
então aqui vai um marcador. O guia abaixo está completo mesmo assim.
// dados do projeto

Dados do projeto

Estrelas no GitHub
9.495
Forks
467
Licença
GPL-3.0
Última atualização no GitHub
3 de outubro de 2026
Categoria
Design
Tipo de ficha
Guia de instalação completo
Site oficial
Official site
// como funciona

Como 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.

// recursos

Por que as pessoas gostam 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
// execute você mesmo

Execute você mesmo

  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

O que você pode criar

Advertisement
// perguntas frequentes

Perguntas frequentes

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.

// continue explorando

Ferramentas semelhantes

Design

rallly

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

★ 5,3 mil estrelasAGPL-3.0
Ver o guia →
Design

oxdraw

Diagram as Code Tool Written in Rust with Draggable Editing

★ 2,4 mil estrelasMIT
Ver o guia →
Design

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,9 mil estrelasAGPL-3.0
Ver o guia →
Design

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,6 mil estrelasGPL-3.0
Ver o guia →
Design

diagrams

:art: Diagram as Code for prototyping cloud system architectures

★ 42,7 mil estrelasMIT
Ver o guia →
Design

QuickApp

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

★ 1,4 mil estrelasMIT
Ver o guia →
// alternativas

Alternativas em Design

Os outros projetos de Design com mais estrelas no catálogo do LibreAI — a lista realista de alternativas se vscode-drawio não for o ideal para você.

// mais em design

Mais em Design

Projetos de Design próximos no catálogo, os mais próximos em estrelas de vscode-drawio: continue explorando dos dois lados dele.

Baixe o vscode-drawio

Grátis e aberto: pegue o código-fonte, dê uma estrela no repositório e comece a criar.