Skills
.Work. You
Rest

eds/figma-map

Official

Map Figma designs to local EDS blocks.

Design & Creative#audit#figma#mcp#blocks#scss#token-mapping#design-to-block
Authoraramark-destinations
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Maps Figma design nodes to local EDS blocks by extracting design data via the Figma MCP, enabling consistent token mapping and audit generation.

Core Features & Use Cases

  • Extract design data from Figma via MCP and map to CSS tokens.
  • Generate a {block}-figma-audit.md with token alignment and gaps.
  • Update the block SCSS to reflect token usage and add audit notes.
  • Produce an inline analysis report for review and handoff.

Quick Start

Provide the Figma file key and node-id of the target component and run the Figma map workflow.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: eds/figma-map
Download link: https://github.com/aramark-destinations/aramark-mb/archive/main.zip#eds-figma-map

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.