gridaco/grida

해결하는 문제

Grida는 상호 운용성과 성능을 중시하는 고성능 오픈소스 캔버스 에디터 및 그래픽스 엔진입니다. 대규모 문서를 처리할 수 있는 프로페셔널급 2D 그래픽스 표면의 필요성을 충족시키며, Figma에서의 가져오기 및 브라우저와 헤드리스 Node.js 환경에서의 렌더링을 가능하게 합니다.

작동 방식

Grida는 Rust로 작성된 nothing 그래픽스 엔진(스키아 사용)에 의해 구동되며, WASM 아티팩트로 제공됩니다. 주로 두 가지 렌더링 백엔드를 지원합니다: HTML/CSS 워크플로우용 DOM 렌더러와 고성능 그래픽용 Skia 렌더러(WebGL2/raster). .grida 문서 형식은 효율적인 저장과 스키마 진화를 보장하기 위해 FlatBuffers를 사용합니다.

대상 사용자

디자인 툴을 개발하는 개발자, Figma나 Framer의 오픈소스 대안이 필요한 디자이너, 그리고 .fig 파일과 같은 디자인 파일을 다양한 이미지 및 PDF 형식으로 헤드리스로 렌더링이 필요한 엔지니어에게 적합합니다.

주요 특징

• 다중 백엔드 렌더링: DOM과 Skia/WASM 모두를 지원하여 유연한 출력이 가능합니다.
• Figma 상호운용성: Figma 파일과 REST JSON을 가져올 수 있으며, 전용 헤드리스 렌더러(@grida/refig)를 제공합니다.
• 라운드트립 SVG 에디터: 편집 중에도 파일 무결성을 유지하는 정확한 SVG 에디터입니다.
• 통합 생태계: Supabase와 통합된 내장형 데이터베이스/CMS 및 폼 빌더를 포함합니다.
• 헤드리스 기능: 브라우저 없이 Node.js에서 그래픽을 렌더링할 수 있어 CI/CD 파이프라인에 적합합니다.