Figma to Storybook - STRICT Pixel-Perfect Workflow

⚠️ CRITICAL RULES (NEVER VIOLATE)

1. ONE COMPONENT AT A TIME - Finish completely before moving to next
2. ALWAYS EXTRACT FRESH - Never use cached/old Figma data
3. ITERATE UNTIL PERFECT - Don't move on until user confirms it's correct
4. EXTRACT ONLY WHAT'S NEEDED - Don't load entire page context, only current component
5. NO ASSUMPTIONS - If unclear, extract again or ask user

Description

Strict workflow enforcing pixel-perfect-ui methodology with iterative refinement. Each component is extracted, implemented, and perfected before moving to the next.

When to Use

• Implementing Figma designs as Storybook components
• Pixel-perfect accuracy required
• User wants quality over speed
• Multiple components need implementation