Feature Deep Dive
Design Editor
Canva-parity canvas rendering, built into your workspace
01.Canvas-Native Rendering
The Design Editor uses Konva (HTML5 Canvas) for high-performance rendering. Unlike DOM-based editors, every element is drawn on a GPU-accelerated canvas with support for transform gizmos, precise hit testing via an off-screen color-ID buffer, and enterprise-grade typography via CanvasKit (WASM) and HarfBuzz.
- ✦Konva-based canvas for 60fps rendering
- ✦Off-screen color-ID buffer for O(1) hit testing
- ✦CanvasKit + HarfBuzz for enterprise typography
- ✦Transform gizmos with snap-to-grid
02.Multi-Lens Architecture
A single editor supports multiple "lenses" — Artboard for print/social design, Whiteboard for freeform ideation, Document for long-form content, Sheet for data grids, and Video for timeline editing. The Polymorphic Lens Router maps each DocType to its optimized canvas implementation.
03.AI-Powered Generation
Generate images, layouts, and content directly inside the editor. The AI pipeline uses XML Production Directives to constrain model outputs to valid canvas operations, ensuring generated content respects layer hierarchies and design constraints.