Canvas

Canvas implementations

The generated canvas model now has visible implementation surfaces for OpenPencil, Figma, Penpot, and tldraw.

Screens

Visuals

Code blocks

Snapshots

actual canvas

Embedded tldraw editor seeded with full-page current-code screenshots and editable scene boards.

actual local file

Local Penpot workspace file named Agentic Design School, using the pre-created local account and MCP plugin path.

implemented

deterministic code-to-canvas rebuilds, local .fig review, native variable extraction, and canvas-to-code patch proposals

partially-implemented

shared design-library publishing, variables/styles/components, Code Connect, and designer collaboration

adapter-ready

agents directly manipulating a shared design file, design-system maintenance, token/style/component audits, and design-to-code experiments

adapter-ready

embedding a fast synced canvas in the app, custom schemas, multiplayer state, and live app-screen mirrors

designs/canvas-scene.json is the common scene model.

Foundations, shadcn components, custom components, diagrams, and code blocks are included.

agentic:sync regenerates OpenPencil, Figma payload, Penpot brief, and tldraw scene.