Figma

Extract design information from Figma files for implementation. Covers design token extraction, component inspection, and design-to-code translation.

When to Use

• Translating Figma designs into frontend code
• Extracting design tokens (colors, typography, spacing) from Figma
• Inspecting Figma component structure for implementation planning
• Building or updating a design system from Figma sources
• Mapping Figma auto-layout properties to CSS

Prerequisites

• Figma Personal Access Token (set as FIGMA_ACCESS_TOKEN env var)
• Figma file URL or file key

Core API Endpoints