Design-Ops — Index
Scope: Design operations documentation for the Melmastoon frontend — how design work flows from Figma to code, covering file structure, token pipeline, asset handling, and review process.
| Document | Contents |
|---|---|
DO1-figma-library-structure.md | Figma file organisation, pages, naming conventions, component → code binding, branch flow, handoff workflow |
DO2-token-pipeline.md | Design token flow: Figma → Style Dictionary → CSS variables → Tailwind preset → theme-config-service |
DO3-asset-image-pipeline.md | Cloudflare Images, variants, LQIP, responsive srcset, art direction, copyright manifest |
DO4-design-review-checklist.md | Per-screen Figma QA checklist (hygiene, states, RTL, a11y, copy, telemetry, sign-off) |
Quick links
- Design system:
../common/03-design-system.md - Theming and tenant config:
../common/06-theming-and-tenant-config.md - Standards templates:
../../standards/ - Frontend README:
../README.md