Design resources
How design and engineering align when there is no separate Figma UI kit.
Source of truth
SpryInnovation does not ship an official Figma component library today. The contract between design and code is:
- Semantic tokens — names and values in
@spry/tokensand CSS variables (Tokens). - Live documentation — component pages with examples and behavior notes.
- Patterns & recipes — copy-paste layouts for common product flows.
If your team uses Figma (or another tool), map frames to token names and component labels used here so handoff stays consistent. There is no separate downloadable kit; this documentation and the token package are the canonical reference.