Design Tokens Extraction

Extract and normalize design tokens from design files into standardized formats.

Overview

This skill enables extraction of design tokens from Figma, Sketch, and Penpot design files using their respective MCP servers. Extracted tokens are normalized to the W3C Design Tokens Community Group format for platform-agnostic storage and conversion.

This skill covers:

• Connecting to design files via MCP servers (Figma, Sketch, Penpot)
• Extracting color, typography, spacing, and shadow tokens
• Normalizing extracted data to W3C DTCG format
• Converting to platform-specific formats (Swift, CSS, Tailwind)

This skill does NOT cover: