| id | DEV-350 | |
|---|---|---|
| title | Mark a Design PR docs(ui) With a Design Section | |
| status | active | |
| enforcement | manual | |
| severity | error | |
| depends_on |
|
Design work without a consistent type and scope, or without a structured design reference, is hard to find, track, and review against the intended screens.
Give design work a consistent home.
- Use
docs(ui)as the type and scope. Name it for what users gain, per DEV-340, for exampledocs(ui): sort the transactions table. - Add a
## Designsection to the relevant Spec file, structured with this markup:
## Design
- [/page](https://figma.com/your-design-file-url)
- ./page/{params}
- (group)
- [[state]](https://figma.com/your-design-file-url)
Key: /... a page, {...} a dynamic URL parameter, (...) a grouping of
related features or components, [...] a specific state (for example a popup),
and indentation represents nesting.
- The design PR uses the
docs(ui)type and scope - A
## Designsection is added to the relevant Spec - The section uses the page, parameter, group, and state markup