擴充閱讀
常見免費開源繪圖工具
OmniGraffle 建立精確、美觀圖形的工具
UML-架構圖入門介紹 starUML
UML 繪製工具 starUML 入門介紹
PlantUML 是繪製 uml 的一個開源專案
UML 等常見圖繪製工具
繪圖工具 draw.io / diagrams.net 免費線上圖表編輯器
繪圖工具 excalidraw 介紹
繪圖工具 GoJS 介紹 繪圖 js
原型設計工具介紹-01-moqups 介紹
常見原型設計工具介紹
PlantUML
PlantUML 是繪製 uml 的一個開源專案.
支援快速繪製:
-
時序圖
-
用例圖
-
類圖
-
活動圖 (here is the legacy syntax)
-
元件圖
-
狀態圖
-
物件圖
-
部署圖
-
Timing diagram
同時還支援以下非UML圖:
-
Wireframe graphical interface
-
架構圖
-
Specification and Description Language (SDL)
-
Ditaa diagram
-
甘特圖
-
Mathematic with AsciiMath or JLaTeXMath notation
Example
- 原始文字
Bob->Alice : hello
- 效果
┌───┐ ┌─────┐
│Bob│ │Alice│
└─┬─┘ └──┬──┘
│ hello │
│──────────────>│
┌─┴─┐ ┌──┴──┐
│Bob│ │Alice│
└───┘ └─────┘
Integration
Graphviz 安裝
PlantUML 是依賴於 Graphviz 的
MAC 安裝
$ brew install graphviz
- Install PlantUML 外掛
-
直接安裝外掛
-
編輯內容如下:
@startuml
Bob -> Alice : Hello, how are you
Alice -> Bob : Fine, thank you, and you?
@enduml
使用 Alt+D 直接開啟預覽