Mermaid Viewer

直播預覽

在輸入時即時將 Mermaid 代碼渲染為圖表，省去手動渲染步驟，簡化視覺回饋，加速迭代。

AI 助手編碼

「使用 GPT‑4 生成」按鈕將自然語言描述轉換為Mermaid 語法，提升圖表創建速度，降低新手學習曲線。

智慧匯出

將圖表匯出為 SVG、PNG、JPG、PDF 或 Markdown，支援 DPI 控制與主題選擇，為文件或簡報提供高品質素材。

智慧除錯

實時高亮語法錯誤並提供自動修正建議，提升程式碼品質，減少在繪製圖表時的挫折感。

實時協作

與團隊成員共享即時編輯連結，實現同步編輯與即時視覺更新，促進複雜圖表專案的敏捷合作。

隱私優先

資料保存在瀏覽器本地；圖表不會傳送至外部伺服器，確保使用者隱私，符合對資料敏感的工作流程。

無需註冊

使用者可立即開始繪製圖表，無需建立帳號，降低使用門檻，讓快速原型更即時。

• 學生：使用 Mermaid Viewer 在線免費創建學術流程圖與時間線，立即預覽，無需註冊。
• 開發者：將 Mermaid Viewer VSCode 插件集成至程式碼編輯器，直接渲染圖表，提升文件品質。
• 專案經理：從 Mermaid Viewer 免費匯出高解析度 PNG 或 SVG 格式的甘特圖與 Git 圖表，快速分享。
• 合作團隊：在 Mermaid Viewer 在線平台分享即時編輯連結，協同編寫狀態圖表，實現即時協作。

我如何儲存我的圖表？

Mermaid Viewer 允許使用者直接從編輯器下載他們的創作。完成圖表後，點擊「匯出」按鈕，選擇 SVG、PNG 或 PDF 等格式。每種格式都可以在儲存前自訂解析度、DPI 以及淺色或深色主題，確保文件可用於歸檔或演示。

我如何與團隊分享圖表？

要分享圖表，只需複製 Mermaid Viewer 產生的唯一分享連結。將連結貼到電子郵件、聊天或協作平台中。使用該連結的收件人可在瀏覽器中開啟圖表，若授權允許可進行編輯，或下載其喜歡的格式，無需任何安裝。

支援哪些類型的圖表？

Mermaid Viewer 支援一整套完全相容 Mermaid 的圖表類型，包括流程圖、時序圖、類圖、狀態圖、ER 圖、甘特圖、餅圖、需求圖、Git 圖、C4 圖、思維導圖與時間軸圖表。每種類型皆遵循標準 Mermaid 語法，能即時在編輯器中呈現。

我需要安裝任何東西嗎？

使用線上 Mermaid Viewer 不需要任何安裝。所有渲染、編輯與匯出功能完全在網頁瀏覽器中執行，無需本機編輯器或插件。使用者只需瀏覽 Mermaid Viewer 網站，即可於 Windows、macOS、Linux 或行動裝置上使用。

如何匯出高解析度圖表？

可透過選擇「匯出」選項並選擇 SVG、PNG 或 PDF 等格式來匯出高解析度圖表。編輯器允許調整 DPI 設定，並可在淺色與深色模式之間切換，以符合品牌或演示需求。對於專業方案，高解析度 PNG 無水印，並支援 JPG、SVG 等額外格式。

我可以即時協作編輯圖表嗎？

Mermaid Viewer 提供即時協作工具。透過傳送即時編輯連結，多名使用者可同時編輯相同圖表。更改將立即同步給所有參與者，消除版本衝突，提升共享架構或流程圖的協作效率。

我的資料會被存儲在伺服器上嗎？

Mermaid Viewer 注重隱私。所有圖表資料與程式碼都保留於使用者瀏覽器會話中，平台不會儲存任何使用者產生內容，除非使用者明確選擇使用付費方案的版本歷史功能來儲存圖表。此確保敏感專案資訊始終受到保護與私密。

如何在 VS Code 中使用 Mermaid Viewer？

Mermaid Viewer 透過官方擴充套件與 VS Code 整合。安裝後，擴充套件可在編輯器內即時預覽 Mermaid 圖表，切換內容即即時更新。它還支援匯出多種格式，並可使用與線上平台相同之 AI 生成功能。

Mermaid Viewer 是一款線上圖表編輯器，允許使用者撰寫 Mermaid 代碼，即時預覽，共享圖表，以及匯出為 SVG/PNG/Markdown——全部不需要註冊。

• 將 Mermaid 語法貼上或輸入至編輯區；右側預覽窗口會隨著輸入即時渲染圖表，立刻呈現視覺效果。
• 點擊「Generate with GPT‑4」按鈕，將自然語言描述自動轉換為 Mermaid 代碼；您可以直接編輯生成結果或手動調整。
• 在匯出面板中設定主題和 DPI；選擇亮色或暗色模式，指定 SVG 或 PNG 分辨率，然後點擊「Export」即可下載圖像。
• 點擊「Share」按鈕分享圖表；複製連結或嵌入程式碼，讓協作者共同編輯或即時查看。
• 若在離線或本地伺服器執行，可下載 Mermaid Viewer Windows、macOS 或 Linux 版；啟動二進位程式即可使用同一編輯介面。
• 實時查看語法高亮與自動更正提示；錯誤會在編輯器中閃爍，並可在匯出前解決。