figma-code-optimizer
Installation
SKILL.md
Figma 代码生成优化技能
📋 技能概述
这个技能帮助AI代理从Figma设计稿生成代码时,能够:
- 识别并复用你项目中的现有组件库
- 遵循你的设计规范(颜色token、间距规则、字体系统)
- 生成结构清晰、可维护的生产级代码
- 避免常见的代码生成问题(如硬编码值、嵌套过深)
🔍 使用前提
在Figma中的准备
为了获得最佳效果,用户的Figma设计稿应该满足以下条件[citation:1][citation:6]: