概要
The Figma to React skill streamlines the handoff between design and development by automating the conversion of Figma designs into clean, functional React code. It extracts design tokens into CSS variables, downloads and optimizes assets with content-hash deduplication, and utilizes sub-agents to process individual screens in isolation. A standout feature is its visual validation workflow, which uses a developer browser to compare rendered components against original Figma screenshots, ensuring pixel-perfect accuracy while automatically correcting common AI generation artifacts in layout and positioning.
