Canvas / Implementation status

Design artifacts,
kept accountable to code.

Visible implementation surfaces for OpenPencil, Figma, Penpot, and tldraw, generated from the current code and shared scene model.

Working surfaces

Open the canvases that can be edited now.

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.

Target inventory

Each destination has an explicit role, status, and action rather than an implied claim of parity.

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

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

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

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

Infrastructure

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.