skills/skills.volces.com/figma-code-optimizer

figma-code-optimizer

Installation
SKILL.md

Figma 代码生成优化技能

📋 技能概述

这个技能帮助AI代理从Figma设计稿生成代码时,能够:

  1. 识别并复用你项目中的现有组件库
  2. 遵循你的设计规范(颜色token、间距规则、字体系统)
  3. 生成结构清晰、可维护的生产级代码
  4. 避免常见的代码生成问题(如硬编码值、嵌套过深)

🔍 使用前提

在Figma中的准备

为了获得最佳效果,用户的Figma设计稿应该满足以下条件[citation:1][citation:6]:

Installs
4
First Seen
Apr 13, 2026
figma-code-optimizer from skills.volces.com