figma-sync

name	figma-sync
description	Sync a Figma-driven UI task into production code while preserving project conventions and validating visual parity.

Figma Sync

Use this skill when a task starts from a Figma frame or node link and needs to become production code.

Tools

• Read
• Bash
• Task
• WebSearch

Constraints

• Always fetch concrete design context before implementation.
• Reuse project components and tokens before inventing new ones.

Examples

Input

Implement this Figma card component in the current app.

Output

Implementation plan:
- Fetch design context
- Map to existing UI primitives
- Verify spacing and typography against screenshot