Architecture

Developer-facing tour of how SUI Designer is wired internally. Read these if you’re extending the addon, debugging generator output, or curious how the pieces fit.

• Overview — the 30-second map of all subsystems
• Document model — SuiDocument / SuiElement / how .sui files are persisted
• Canvas renderer — paint pipeline, hit-testing, gizmos
• Layout solver — SuiLayoutSolver + SuiFlexLayout forward and inverse math
• Generator pipeline — .sui → in-memory Razor + SCSS
• Compile writer — file ownership, manifest, backups
• Preview system — Test in Play, scene swap, runtime mount

---

Table of contents

• Overview
• Document model
• Canvas renderer
• Layout solver
• Generator pipeline
• Compile writer
• Preview system