@XAMTO_AI: Developers who write code will inevitably have to draw architecture diagrams. The most annoying part is manually dragging boxes and connecting lines — revising a version can make you question your life. LikeC4 generates software architecture diagrams directly from code; when the code changes, the diagram updates too, no more spending ages in Figma. It's based on the C4 Model and Structurizr DSL design…
Summary
LikeC4 is an open-source tool based on the C4 Model and Structurizr DSL that automatically generates software architecture diagrams from code and updates them in real-time, avoiding the tedious work of manually maintaining diagrams.
View Cached Full Text
Cached at: 06/27/26, 01:56 PM
Anyone who writes code will eventually need to draw architecture diagrams. The most frustrating part is manually dragging boxes and connecting lines — updating a version can drive you crazy. LikeC4 generates software architecture diagrams directly from code; when the code changes, the diagrams update accordingly, so you no longer have to painstakingly tweak things in Figma. It’s inspired by the C4 Model and Structurizr DSL, but offers flexibility — you can customize notation, element types, and the number of levels in your architecture model. With LikeC4 source, you can run a CLI command to preview the diagrams with live updates, effectively reducing the effort of manually maintaining diagrams. https://github.com/likec4/likec4
— # likec4/likec4 Source: https://github.com/likec4/likec4 # Architecture as a code Visualize, collaborate on, and evolve your software architecture with always up-to-date, live diagrams generated from your code. docs (https://likec4.dev/) - playground (https://playground.likec4.dev/) - demo (https://template.likec4.dev/view/index) NPM Version NPM Downloads VSCode Installs Open VSX Installs vscode extension ## What is LikeC4? Why “like”? LikeC4 is a modeling language for describing software architecture and tools to generate diagrams from the model. LikeC4 is inspired by C4 Model (https://c4model.com/) and Structurizr DSL (https://github.com/structurizr/dsl), but provides some flexibility. You customize or define your own notation, element types, and any number of nested levels in architecture model.\ Perfectly tailored to your needs. ## What does LikeC4 look like? LikeC4 source: Run CLI to preview: sh npx likec4 start And result: Template repository - likec4/template (https://github.com/likec4/template)\ Deployed - https://template.likec4.dev/view/index Open in StackBlitz (https://stackblitz.com/~/github.com/likec4/template) Check Tutorial (https://likec4.dev/tutorial/) - for a quick overview of LikeC4. ## Getting help We are always happy to help you get started: - Join Discord community (https://discord.gg/86ZSpjKAdA) – it is the easiest way to get help - GitHub Discussions (https://github.com/likec4/likec4/discussions) – ask anything about the project or give feedback ## Contributors Become a contributor ## Support development LikeC4 is a MIT-licensed open source project with its ongoing development made possible entirely by your support.\ If you like the project, please consider contributing financially to help grow and improve it.\ You can support us via OpenCollective (https://opencollective.com/likec4) or GitHub Sponsors (https://github.com/sponsors/likec4). ## License This project is released under the MIT License
Similar Articles
@XAMTO_AI: Can generate architecture diagrams just by speaking? This tool is actually pretty impressive. Speak plain language to Claude, and it directly outputs architecture diagrams, flowcharts, sequence diagrams, data flow diagrams... It also supports one-click switching between dark and light themes, export in multiple formats, all in a single HTML file. Programmers who can't draw are saved, and programmers who don't want to draw are saved too...
Archify is a Claude Skill that allows users to generate architecture diagrams, flowcharts, sequence diagrams, etc. using natural language descriptions, and supports dark/light theme switching and multi-format export.
@GitHub_Daily: Need to explain project system architecture to colleagues. Just talking without diagrams is limited, and drawing manually is time-consuming and often not well-made. archify, an Agent Skill that can be embedded into Claude Code, Codex CLI, and opencode, turns plain language descriptions directly into an architecture diagram…
archify is an Agent Skill that can be embedded into Claude Code, Codex CLI, and opencode, directly generating system architecture diagrams, workflow diagrams, sequence diagrams, data flow diagrams, and lifecycle state diagrams from plain language descriptions. It supports dark/light theme toggling and export in multiple formats.
@BTCqzy1: Share a super practical open-source project: Next AI Draw io (GitHub 28k+) Generate complex architecture diagrams with just one sentence! No more manual dragging boxes! Chat with AI using natural language to instantly generate professional draw io diagrams: · System architecture diagrams, RAG flows, ...
An AI-based open-source diagram generation tool that creates draw.io diagrams via natural language, supports multiple models, with 28k GitHub stars.
@0xQiYan: Still drawing architecture diagrams manually? Dragging and tweaking for half a day? Bookmark this! Today I have to recommend this skill—I recently installed `drawio-skill`, and with just one sentence it can generate professional diagrams, no more drawing by hand. The logic is very simple: just speak naturally (e.g., "draw a trading system architecture diagram"), and it generates the diagram directly...
Introducing the drawio-skill tool, which generates professional diagrams such as architecture diagrams, flowcharts, ER diagrams, etc., based on natural language descriptions. It supports multi-round iteration and export to various formats, significantly improving diagramming efficiency.
likec4/likec4
LikeC4 is an open-source modeling language for software architecture that generates live diagrams from code, inspired by the C4 Model.