figma-sync
Sync a Figma-driven UI task into production code while preserving project conventions and validating visual parity.
来源信息
- 仓库
- agentenatalie/skill-bridge
- 最近来源活动
- 2026年3月31日 00:41
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 0
- 分支
- 0
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
文件资源管理器
2 个文件正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- 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
```
在 GitHub 查看