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

diagram-as-code

Diagram-as-code for AWS architecture.

★ 1.6k stars⑂ 105 forksApache-2.0updated 2026-09
▦ visual — this project's README ships no embeddable screenshot,
so here's a placeholder. The guide below is complete regardless.
// project facts

Project facts

diagram-as-code is an open-source design project by awslabs (awslabs/diagram-as-code on GitHub). It has 1,583 GitHub stars and 105 forks, is released under the Apache-2.0 license, and was last updated on GitHub on 16 September 2026.

GitHub stars
1,583
Forks
105
License
Apache-2.0
Last updated on GitHub
16 September 2026
Category
Design
Listing
Full install guide
Official site
GitHub repo
// how it works

How it works

  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.

// features

Why people love it

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

Run it yourself

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

What you can build

Advertisement
// faq

Questions, answered

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.

// keep exploring

Similar tools

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.2k starsApache-2.0
View guide →
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.1k starsMIT
View guide →
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.2k starsEPL-2.0
View guide →
Design

structurizr

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

★ 429 starsApache-2.0
View guide →
Design

archify

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

★ 79.8k starsMIT
View guide →
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.6k starsGPL-3.0
View guide →
// alternatives

Alternatives in Design

The most-starred other Design projects in the LibreAI catalogue — the realistic shortlist if diagram-as-code is not the right fit.

Get diagram-as-code

Free and open — grab the source, star the repo, and start creating.