newsence
我如何使用 Excalidraw 管理部落格圖表

我如何使用 Excalidraw 管理部落格圖表

Hacker News·6 天前

我分享了如何透過自製的 VSCode 擴充功能來優化部落格繪圖流程,只要在 Excalidraw 中為框架命名,系統就會自動匯出支援深淺色模式的 SVG 檔案。

背景

Martin Lysk 在其部落格中分享了利用 Excalidraw 管理圖表的自動化流程。由於手動導出圖表極為耗時,且傳統的 GitHub Action 方案無法在本地即時預覽,他開發了一款 VSCode 擴充功能,只要在畫布中為框架命名特定前綴,系統便會自動生成對應深色與淺色模式的 SVG 檔案,實現繪圖與寫作的無縫銜接。

社群觀點

在 Hacker News 的討論中,社群對於 Excalidraw 的評價呈現兩極化。支持者認為 Excalidraw 的 UI 設計優於 Lucid 或 Figma,其獨特的「手繪感」風格能明確傳達出設計尚處於草案階段而非最終定案,這種非正式的視覺語言在溝通中具有獨特價值。然而,也有部分使用者對這種風格感到反感,認為其預設字體顯得幼稚且缺乏專業感,甚至將這種視覺風格視為一種過時的標籤。

針對工具的選擇,討論區展開了多方比較。雖然 Excalidraw 與 TLDraw 被公認為目前最受歡迎的簡約白板工具,但仍有資深開發者堅持使用 draw.io,認為其在 Linux 本地端的運行表現更為穩定。此外,關於自託管與協作功能的討論也相當熱烈,許多人指出 Excalidraw 的多人協作版本在自託管上存在門檻,這促使部分開發者自行開發後端儲存方案,以解決開源版僅能依賴瀏覽器本地儲存(localStorage)而難以管理多份畫布的問題。

隨著人工智慧技術的普及,社群也開始探討 AI 與繪圖工具的整合。有留言提到利用 MCP(Model Context Protocol)讓 Claude 等大型語言模型直接生成 Excalidraw 圖表,雖然目前的生成品質仍被部分使用者批評為過於粗糙,但這種自動化建模的潛力已引起廣泛關注。同時,也有人分享了將 Excalidraw 整合進 Obsidian 或 Payload CMS 的工作流,顯示出開發者社群正致力於將繪圖工具嵌入到更完整的內容創作生態系中,而非單純將其視為獨立的繪圖軟體。

延伸閱讀

  • TLDraw:另一款受歡迎的簡約白板工具。
  • draw.io:功能強大的傳統流程圖工具,支援本地端運行。
  • TikzMaker:針對學術與技術繪圖的工具。
  • Excalidraw MCP:讓 AI 模型(如 Claude)能與 Excalidraw 互動的協議擴充。
  • Grafly.io:社群成員開發的另一種風格較為正式的圖表工具。
  • DrawX:針對 Excalidraw 開源前端開發的後端儲存解決方案。
https://blog.lysk.tech/excalidraw-frame-export/