ChatGPT + mermaid tool畫出sequence diagram範例

(1) 問ChatGPT:

幫我把下面這段話轉成mermaid sequence diagram: 設計師畫出草稿 — 設計師用Figma等軟體畫圖 — 設計師跟工程師討論技術可行性與業務邏輯是否需要對圖做調整 — 設計師回去修改草圖 — 定案後用Figma等軟體畫圖與業務邏輯的流程圖 — 不同平台工程師根據圖與流程圖去寫code

(2)ChatGPT給出的答案:

您好,這是Bing。我可以幫您把文字轉成mermaid sequence diagram code。根據1,mermaid是一種簡單的類markdown語言,可以通過javascript從文字生成圖表。sequence diagram是一種交互圖解,展示了不同進程之間的操作以及操作順序2。
根據您提供的文字,我生成了以下的code:

sequenceDiagram
participant 設計師
participant 工程師
設計師->>設計師: 畫出草稿
設計師->>設計師: 用Figma等軟體畫圖
設計師->>工程師: 討論技術可行性與業務邏輯是否需要對圖做調整
工程師–>>設計師: 回覆意見或建議
設計師->>設計師: 回去修改草圖
設計師->>設計師: 定案後用Figma等軟體畫圖與業務邏輯的流程圖
loop 不同平台工程師
設計師->>工程師: 提供圖與流程圖
工程師->>工程師: 根據圖與流程圖去寫code
end

(3)把上面這段code丟到https://mermaid.live/ 上去產生sequence diagram

結果如附圖,輕鬆完成畫sequence diagram的工作,之後想修改流程,不必辛苦拉線或畫圖,只需對文字描述修改。也可用同段文字描述輕鬆產生不同類型的圖~

探索更多來自 LifeJourney 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading