Edit Pending
This Use Case has not been finalized.
Deliver·Design System Infrastructure·Augmentation·Emerging·DEL-103
Code-to-Canvas
Value hypothesis
PLACEHOLDER (scope pending ITG & Fortis). Keeps the Figma canvas in sync with implementation reality by writing UI built or changed in code (IDE prompt-to-prototype) back into the design file, so designers iterate against what actually ships rather than a drifting mock.
Velocity
PLACEHOLDER UC — definition, scope, and tooling pending ITG & Fortis. AI takes UI built or changed in code (IDE prompt-to-prototype) and writes it back into the Figma canvas so the design file reflects implementation reality. Distinct from DEL-057 Codebase-Extracted Design System: this round-trips a specific UI back to canvas; it does not extract a reusable design system from the codebase.
Risks in application
Shallow Solutions
PLACEHOLDER — risk profile pending definition. A round-tripped canvas may misrepresent the implemented UI (dropped states, approximated layout), giving designers false confidence that the file matches what shipped.
Expertise that differentiates
Technical Feasibility
PLACEHOLDER — judging when a code-to-canvas round-trip faithfully represents the shipped UI versus when it introduces drift that misleads downstream design decisions.
Possible Indicators
Canvas–implementation drift
PLACEHOLDER — degree to which the Figma canvas matches the shipped implementation after a code-to-canvas sync.