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 流水线。