Anatomy docs are the bridge between the design file and the codebase.

For each block we record its structure, its slots, and the tokens it consumes. That record lets a designer and a developer describe the same component the same way, which removes the guesswork when a design changes.

When the anatomy and the code agree, a Figma frame can become a governed page without a translation step in between.