LibreAI / Design / diagrams
// design · mingrammer/diagrams

diagrams

diagrams é um projeto de design de código aberto de mingrammer (mingrammer/diagrams no GitHub). Tem 42.670 estrelas no GitHub e 2.732 forks, é publicado sob a licença MIT e foi atualizado pela última vez no GitHub em 1 de outubro de 2026.

:art: Diagram as Code for prototyping cloud system architectures

★ 42,7 mil estrelas⑂ 2,7 mil forksMITatualizado 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
42.670
Forks
2.732
Licença
MIT
Última atualização no GitHub
1 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

Templates galore

Community starters for every common artifact.

Export anywhere

SVG, PNG, PDF, and framework code.

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.

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/mingrammer/diagrams.git
    cd diagrams
  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 diagrams?

It is an open-source project at mingrammer/diagrams with 2,732 forks. Check the repo's contributors and recent commits to see how active maintenance is.

Is diagrams free for commercial use?

MIT licensed — use it commercially, no strings attached.

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

drawnix

开源白板工具(SaaS),一体化白板,包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.

★ 14,9 mil estrelasMIT
Ver o guia →
Design

SwanLab

⚡️SwanLab - an open-source, modern-design AI training tracking and visualization tool. Supports Cloud / Self-hosted use. Integrated with PyTorch / Transforme…

★ 4,2 mil estrelasApache-2.0
Ver o guia →
Design

markeron

Lightweight (~1.5 MB) open-source screen annotation with click-through mode and keyboard-first shortcuts. For demos, teaching, meetings & screen recording. W…

★ 1,1 mil estrelasMIT
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

vscode-drawio

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

★ 9,5 mil estrelasGPL-3.0
Ver o guia →
Design

oxdraw

Diagram as Code Tool Written in Rust with Draggable Editing

★ 2,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 diagrams 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 diagrams: continue explorando dos dois lados dele.

Baixe o diagrams

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