Figma Sync

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

agentenatalie 836cfe0 2 files · 1.0 KB Updated

File contents

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

agentenatalie/skill-bridge/tree/main/examples/codex/figma-sync commit 836cfe05f3

Frequently asked questions

npx skillmds@latest add agentenatalie/figma-sync