bento-token-mapping

Name: bento-token-mapping
Availability: InStock
Author: hoshiyar-singh8

Validate Bento tokens by mapping Figma design tokens to live definitions.

Updated Mar 16, 2026

Search Tags:#validation #figma #ios #design-tokens #token-mapping #bento-tokens #token-source

Ready to run

npx skills add https://github.com/hoshiyar-singh8/SprintPlanner --skill bento-token-mapping

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: bento-token-mapping
Source: https://github.com/hoshiyar-singh8/SprintPlanner/tree/main/skills/bento-token-mapping
Command: npx skills add https://github.com/hoshiyar-singh8/SprintPlanner --skill bento-token-mapping

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Verify current Bento token APIs from live source and map Figma spacing, radius, typography, stroke, and colors safely.

Core Features & Use Cases

Live-token source verification: Read the current Bento token definitions directly from the repo to avoid stale mappings.
Token mapping across token families: Map Spacing, Corner Radius, Typography, Stroke, and Color tokens from Figma to Bento tokens with semantic alignment.
Design-to-code consistency: Generate a mapped-token report to align iOS UI implementations with designs.

Quick Start

Run the mapping workflow against your Bento token source and a corresponding design spec to generate a token alignment report.

Frequently Asked Questions about bento-token-mapping

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I map Figma design tokens to Bento token definitions from a live source?▼

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.

What design token families are supported for mapping Figma to iOS design systems?▼

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.

Why do my Figma to Bento token mappings keep breaking or becoming stale?▼

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.

Can I use this token mapping workflow for iOS design-to-code consistency?▼

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.

What's the best way to validate Bento tokens before generating a mapped-token report?▼

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.