gridaco/grida

解決的問題

Grida 提供一個高效率、開源的畫布編輯器與圖形引擎，專為互操作性與效能而設計。解決了對專業級 2D 圖形表面的需求，能處理大型文件，支援從 Figma 導入，並可在不同環境（瀏覽器與無頭 Node.js）中進行渲染。

運作方式

Grida 由 nothing 圖形引擎（使用 Rust 寫成，並採用 Skia）驅動，以 WASM 藝術品形式交付。支援兩種主要的渲染後端：適用於 HTML/CSS 工作流程的 DOM 渲染器，以及用於高效率圖形的 Skia 渲染器（WebGL2/raster）。使用 FlatBuffers 作為 .grida 文件格式，以確保高效儲存與模式演進。

適用對象

適用於開發設計工具的開發者、需要 Figma 或 Framer 開源替代方案的設計師，以及需要將設計文件（例如 .fig 檔案）以無頭方式渲染為各種影像與 PDF 格式的工程師。

主要特色

• 多後端渲染：支援 DOM 與 Skia/WASM，實現彈性輸出。
• Figma 互操作性：可匯入 Figma 檔案與 REST JSON，並提供專用無頭渲染器（@grida/refig）。
• 往返 SVG 編輯器：忠實的 SVG 編輯器，編輯時可保持檔案完整性。
• 整合生態系：內建與 Supabase 整合的資料庫/CMS 與表單建構器。
• 無頭功能：可在無瀏覽器的 Node.js 環境中渲染圖形，適用於 CI/CD 管線。