Figma Use

figma-use 是在每次调用 use_figma 之前都应安装的技能，用于确保 JavaScript 能在 Figma 文件上下文中安全运行。它支持设计落地类工作，例如创建和编辑节点、连接变量与样式、构建组件和变体，以及以程序化方式检查文件结构。该仓库还包含使用指南、常见坑位和实践模式，可帮助减少常见的 Figma 自动化错误。

figma-generate-design 可将已编码的页面、模态框、抽屉、侧边栏、面板及其他多区块视图，借助已发布的设计系统转换为 Figma。它会从 Code Connect 和相关来源中查找组件、变量、样式与资源，再按区块逐步组装屏幕用于 Design Implementation，而不是手工重画全部内容。当你需要与代码和 tokens 保持高一致性时，可使用 figma-generate-design 指南。

figma-create-new-file 会在 drafts 中创建一个新的空白 Figma 或 FigJam 文件，并为编辑器类型和文件名提供默认值。这个 figma-create-new-file 技能适合设计落地、快速原型制作，以及在使用 use_figma 之前先搭建一个全新的画布。必要时，它还会通过 whoami 处理 planKey 的解析。

figma-implement-design 可将 Figma 画面转化为仓库中的生产可用代码，目标是尽量接近原设计在布局、状态、token 和响应式行为上的视觉一致性。它适用于 Figma 到代码的实现，不适用于 Figma 编辑、code connect 映射或生成新设计。内容包含安装指引、使用说明以及 Design Implementation 工作流的边界规则。

figma-generate-library 可将代码库转化为带有 tokens、variables、components、theming 和文档的 Figma 设计系统库。适合需要分阶段完成 Design Systems 工作流时使用，包括安装、初始化、发现、创建、验证以及与代码对齐等环节。

figma-generate-design 可将真实的屏幕、页面或多分区布局直接转成 Figma，并优先复用已发布的设计系统，而不是用通用图形拼搭。它非常适合做与代码或产品页高度一致、结构可编辑、基于 token 的统一 UI 设计。适用于整页 UI 设计更新，不适合粗略原型。