PlantUML Online

当你需要在文档里描述「长什么样的 UI」「数据是什么」「如何让用户填表」，PlantUML 三种专门图就能搞定——而无需画图工具、HTML 模板或专门的设计软件。 Salt（@startsalt）—— UI 线框图Salt 是 PlantUML 最有用的「轻量级线框图」语言。它用 ASCII 框图就能画出真实可读的 UI： 123456789101112@startsalt{+...

When you need to document “what the UI looks like” inside a Markdown-friendly diff-able file, PlantUML Salt turns ASCII boxes into readable wireframes. No drawing tool, no Figma — just text. What...

When 10 PlantUML diagrams share the same skin and palette, preprocessor directives let you extract common code. When you want intuitive icons for docs, the icon libraries do that — together they t...

写 PlantUML 时，10 张图共用同一套皮肤和图例？预处理指令能让你抽出共用代码。写文档配好看的图标？图标库让图更直观。两件事一起做效率最高。 预处理指令速查 指令 用途 !include <url> 引入外部 PlantUML 文件 / 文本 !includeurl <url> 从 URL 引入 !include_once in...

PlantUML doesn’t only draw diagrams: it can render JSON, YAML, LaTeX math, and EBNF grammar as visual structures. These views are gold for READMEs, API docs, and syntax references. JSON visualiza...

PlantUML 不只能画图：它还能把 JSON、YAML 数据本身画成可视化的树形结构，以及绘制 LaTeX 数学公式和 EBNF 语法图。这几类图在 README、API 文档、语法参考资料里非常好用。 JSON 可视化基本用法12345678@startjson{ "name": "Alice", "age"...

Beyond standard UML, PlantUML draws three special-purpose diagrams: network topologies, Archimate enterprise architecture, Ditaa ASCII-to-SVG. These three cover many scenarios that standard UML cl...

PlantUML 除了标准 UML 之外还支持几种非主流但特别有用的图：网络图、Archimate 架构图、Ditaa ASCII 转矢量图。这三张图能覆盖很多不能用 UML 标准类图表达的场景。 网络图 (Network)绘制 IT 基础设施拓扑：服务器、路由器、防火墙、交换机、负载均衡。 1234567891011121314151617181920212223242526@star...

Sequence-diagram grammar is interview-popular but underused in real codebases — most teams have no idea how to make these diagrams genuinely readable to reviewers. Here’s the full set. Fragment c...

时序图语法在面试的时候很喜欢问，但能在真实项目里画得让评审看懂——能用得相对少。这篇整理高级语法。 fragment 语法速查（重复一遍）1234567alt / else / end — 分支opt / end — 可选块loop / end — 循环par / else / end — 并行critical / option ...