bento-token-mapping

To map Figma design tokens to Bento token definitions, the Skill reads live token sources directly from your repo, parses token families, and matches Figma tokens to current definitions. This generates a mapped-token report with semantic alignment and safety checks.

Supported design token families include spacing, corner radii, typography, stroke, and color tokens. The Skill parses these token families from live Bento sources and maps them from Figma to ensure design-to-code consistency across iOS implementations.

Token mappings become stale when using outdated token definitions instead of live sources. The Skill solves this by reading current Bento token definitions directly from the repository, applying safety checks to ensure your mapped tokens remain accurately aligned with the latest API.

Yes, this token mapping workflow is built for iOS design-to-code consistency. It generates a mapped-token report that aligns iOS UI implementations with Figma designs by validating spacing, radii, typography, stroke, and color tokens against live Bento definitions.

The best way to validate Bento tokens is by reading live token sources directly from the repository. The Skill automates this validation by parsing token families, matching tokens to live definitions, and producing a report with semantic alignment and built-in safety checks.