Pretty Fish：更美觀的 Mermaid 圖表編輯器

背景

Pretty Fish 是一款針對 Mermaid 語法設計的圖表編輯器，主打更美觀的視覺呈現與使用者體驗。開發者強調該工具提供即時預覽功能，並支援在無限畫布上排列多個圖表，同時具備多頁面專案管理與更豐富的主題選擇，試圖解決原生 Mermaid 編輯器在美感與排版靈活性上的不足。

社群觀點

在 Hacker News 的討論中，社群對於 Pretty Fish 的評價呈現兩極化。部分使用者肯定其介面設計與多圖表並列的功能，認為無限畫布與多頁面管理確實提升了編輯效率。然而，針對「更美觀」這一核心訴求，不少資深開發者提出了實務上的質疑。例如，有使用者發現圓餅圖的配色在預設主題下並不理想，雖然可以透過複雜的初始化邏輯來手動定義顏色，但這對一般使用者而言門檻過高。此外，工具的互動性也受到挑戰，有評論指出畫布上的縮放控制項僅能調整寬度而無法調整高度，這讓「優於現有工具」的說法顯得有些名不虛傳。

除了針對工具本身的細節討論，社群也引發了關於繪圖語言選擇的深度辯論。許多留言者認為 Mermaid 雖然普及，但其語法結構是由多個不連貫的領域特定語言（DSL）拼湊而成，導致不同類型的圖表在實作上缺乏一致性。相比之下，D2 語言被多次提及作為更優質的替代方案。支持者指出，D2 的語法更為豐富且一致，能夠在同一個語言框架下組合出各種複雜的圖表，且其產出的視覺效果在專業性與美感上皆優於 Mermaid。

此外，技術層面的產出品質也是討論焦點。有使用者批評 Mermaid 編譯器產出的 SVG 檔案內部充斥著大量的 HTML 異質物件（foreign object），導致檔案結構混亂，這使得開發者更傾向於尋找能產出純淨 SVG 格式的工具。討論中也觀察到人工智慧與圖表工具結合的趨勢，有開發者分享了基於 D2 語言開發的 AI 繪圖工具，讓使用者能透過自然語言描述系統架構，再由 AI 自動生成對應的程式碼與圖表，這種「圖表即程式碼」（Diagram-as-Code）的自動化流程被視為未來的重要發展方向。

延伸閱讀

• D2 Language：被社群認為比 Mermaid 更優雅、語法更一致的圖表語言。
• AI Diagram Maker：結合自然語言處理與 D2 語法，自動生成系統架構圖與流程圖的工具。