figma-quarterback

What problem does it solve?

Coordinating a high-fidelity Figma-to-code workflow to preserve design intent, establish safe handoffs, and decide on component boundaries for complex design surfaces.

Core Features & Use Cases

• Frame and classify targets as layout, screen, dialog, drawer, or component-set, and capture all required states.
• Build an extraction-first plan by clarifying design contracts and gating critical inputs before coding.
• Route implementation through appropriate Figma write skills and clear handoff contracts to downstream teams.
• Enforce guardrails and guard risk through completion receipts and traceable reuse decisions.

Quick Start

Provide a Figma URL and ask the quarterback to outline a safe, end-to-end extraction-to-code plan.