figma-sync
Sync a Figma-driven UI task into production code while preserving project conventions and validating visual parity.
Source facts
- Repository
- agentenatalie/skill-bridge
- Last source activity
- March 31, 2026 at 00:41
- Detected SKILL.md language
- English
- Stars
- 0
- Forks
- 0
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
File Explorer
2 filesShowing SKILL.md
SKILL.md
Source instructions · Read-only preview- 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
```text
Implementation plan:
- Fetch design context
- Map to existing UI primitives
- Verify spacing and typography against screenshot
```
View on GitHub