How Figma Dev Mode shows real @prepared911/ui snippets, where the templates live, and the check that keeps them honest.
@prepared911/ui component and props. The reference file is the Axon 911 Design System in Figma. A Figma component set maps to a code component only when its properties mirror the code props: same names, same values, same defaults.
Each template sits beside the component it maps and is owned by the same team.
| Unit | Template |
|---|---|
| Component | packages/ui/src/components/<id>/<id>.figma.ts |
| Block | packages/ui/src/blocks/<id>/<id>.figma.ts |
figma.code template. It starts with three header lines and ends with a default export that has an id:
pnpm --filter @prepared911/ui code-connect:check runs in ci:gates and check. It fails when:
scripts/code-connect/unmapped-baseline.json;source or component does not resolve, a header line is missing, or the url is outside the Design System file;packages/ui/docs/decisions/0030-figma-code-connect.md.