figma-generate-design
当任务涉及将应用页面、视图或多区块布局转换为 Figma 设计时，将此技能与 figma-use 配合使用。触发场景：'写入 Figma'、'从代码在 Figma 中创建'、'将页面推送到 Figma'、'把这个应用/页面在 Figma 中构建出来'、'创建屏幕'、'在 Figma 中构建落地页'、'更新 Figma 屏幕以匹配代码'。当用户希望从代码或描述在 Figma 中构建或更新完整页面、屏幕或视图时，这是首选的工作流技能。通过 search_design_system 发现设计系统组件、变量和样式，导入它们，并使用设计系统令牌而非硬编码值逐区块增量组装屏幕。
机器翻译查看英文原文
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.
适用对象：Figma。自动收录 · 待核查。
在 Cursor 中使用
该组合的专门教程待补充，尚未核实适配。
准备条件
- 本条仅收录原作者的技能元数据；请阅读完整说明，确认依赖、许可与使用条件。
选择已有说明的 AI 工具，或在页面加载后保存待办及提出教程请求。
查看原作者说明 ↗