LibreAI / Design / diagram-as-code
// design · awslabs/diagram-as-code

diagram-as-code

diagram-as-code é um projeto de design de código aberto de awslabs (awslabs/diagram-as-code no GitHub). Tem 1.583 estrelas no GitHub e 105 forks, é publicado sob a licença Apache-2.0 e foi atualizado pela última vez no GitHub em 16 de setembro de 2026.

Diagram-as-code for AWS architecture.

★ 1,6 mil estrelas⑂ 105 forksApache-2.0atualizado set 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
1.583
Forks
105
Licença
Apache-2.0
Última atualização no GitHub
16 de setembro de 2026
Categoria
Design
Tipo de ficha
Guia de instalação completo
Site oficial
GitHub repo
// 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

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
// 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/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

O que você pode criar

Advertisement
// perguntas frequentes

Perguntas frequentes

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.

// continue explorando

Ferramentas semelhantes

Design

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,2 mil estrelasApache-2.0
Ver o guia →
Design

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,1 mil estrelasMIT
Ver o guia →
Design

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,2 mil estrelasEPL-2.0
Ver o guia →
Design

structurizr

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

★ 429 estrelasApache-2.0
Ver o guia →
Design

archify

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

★ 79,8 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 →
// alternativas

Alternativas em Design

Os outros projetos de Design com mais estrelas no catálogo do LibreAI — a lista realista de alternativas se diagram-as-code 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 diagram-as-code: continue explorando dos dois lados dele.

Baixe o diagram-as-code

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