LibreAI / Diseño / diagram-as-code
// design · awslabs/diagram-as-code

diagram-as-code

diagram-as-code es un proyecto de diseño de código abierto de awslabs (awslabs/diagram-as-code en GitHub). Tiene 1.583 estrellas en GitHub y 105 bifurcaciones, se publica bajo la licencia Apache-2.0 y se actualizó por última vez en GitHub el 16 de septiembre de 2026.

Diagram-as-code for AWS architecture.

★ 1,6k estrellas⑂ 105 bifurcacionesApache-2.0actualizado sep 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
1.583
Bifurcaciones
105
Licencia
Apache-2.0
Última actualización en GitHub
16 de septiembre de 2026
Categoría
Diseño
Tipo de ficha
Guía de instalación completa
Sitio oficial
GitHub repo
// 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

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.

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.

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/awslabs/diagram-as-code.git
    cd diagram-as-code
  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 diagram-as-code?

It is an open-source project at awslabs/diagram-as-code with 105 forks. Check the repo's contributors and recent commits to see how active maintenance is.

Is diagram-as-code free for commercial use?

Apache 2.0 licensed — commercial use allowed with attribution.

Can I self-host?

Most of these offer Docker images for private instances.

Is real-time collaboration solid?

Yes — CRDT-based editing is the standard approach now.

Can it replace Figma?

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

// sigue explorando

Herramientas similares

Diseño

dingtalk-workspace-cli

DingTalk Workspace is an officially open-sourced cross-platform CLI tool from DingTalk. It unifies DingTalk’s full suite of product capabilities into a singl…

★ 3,2k estrellasApache-2.0
Ver la guía →
Diseño

ui

Open-source components, blocks, and AI agents designed to speed up your workflow. Import them seamlessly into your favorite tools through Registry and MCPs.

★ 12,1k estrellasMIT
Ver la guía →
Diseño

sumo

Eclipse SUMO is an open source, highly portable, microscopic and continuous traffic simulation package designed to handle large networks. It allows for inter…

★ 4,2k estrellasEPL-2.0
Ver la guía →
Diseño

structurizr

Models-as-code tool for the C4 software architecture model

★ 429 estrellasApache-2.0
Ver la guía →
Diseño

archify

Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill

★ 79,8k estrellasMIT
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 →
// 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 diagram-as-code 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 diagram-as-code: sigue explorando a ambos lados.

Consigue diagram-as-code

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