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。自动收录 · 待核查。
准备条件
- 本条仅收录原作者的技能元数据;请阅读完整说明,确认依赖、许可与使用条件。
第一件可以尝试的小事
先阅读原作者说明,再决定是否在自己的 AI 工具中使用。
对应 AI 工具说明
作者有说明不等于本站实机验证。没有证据时,不自动标为兼容、安全或免费。
来源与内容状态
本条为自动发现的元数据,尚未完成人工文档核查;适用性与运行结果待核查。
原作者:OpenAI Skills · 原作者仓库元数据。文档核查:未核查。最近来源检查:2026-11-09T14:01:37.376Z。
分类由名称、说明与路径规则生成,分类不代表已核实适配。
许可与权利归属
未知许可。第三方内容及版权归原作者,使用条件以原文为准。
本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。
限制与注意事项
- 元数据收录不代表本站已经安装、适配、实测或进行安全审查。