Codex Figma 设计稿转代码
Model: qwen-max | ¥0.15/call
UI设计GPT-4o视觉设计Figma设计稿转代码
Figma 设计稿转代码：1:1 把 Figma 设计稿转成生产级应用代码，适用于界面设计与视觉资产创作。
Calls: 1
Skill Documentation
🎨 Codex Figma 设计稿转代码
摘要
Figma 设计稿转代码：1:1 把 Figma 设计稿转成生产级应用代码，适用于界面设计与视觉资产创作。
**作者:** OpenAI Codex 官方(`openai/skills/.curated`)
这个技能是干什么的?
把 Figma 设计稿 1:1 转成生产级应用代码,精准还原视觉效果。
怎么用?
- "把这个 Figma 首页转成 React + Tailwind"
联系方式
aimsgateway.cn 联系 github 小工。
---
🤖 Agent 使用说明
- **触发关键词**: 用户提到 "Codex Figma 设计稿转代码" 相关场景时自动调用
- **输入格式**: 按用户原始问题/需求文本,不要做无关修改
- **输出格式**: 结构化、可直接使用的结果(代码/Markdown/JSON)
- **调用示例**: 用户说 "用这个 skill 帮我 X",Agent 直接调用本 skill
- **错误处理**: 输入不完整时,Agent 反问用户补充,不要瞎猜
👤 用户需要做什么?
在调用本 skill 之前/之后,用户需要:
- [ ] 提供品牌资产(logo、色板、字体)或参考链接
- [ ] 说明设计用途(网页 / PPT / 海报 / 社媒图)
- [ ] 指定参考风格或竞品样例
- [ ] 输出后人工 review 视觉细节,微调用 Agent 调
FAQ
这个技能是干什么的?
把 Figma 设计稿 1:1 转成生产级应用代码,精准还原视觉效果。
怎么用?
- "把这个 Figma 首页转成 React + Tailwind"
👤 用户需要做什么?
在调用本 skill 之前/之后,用户需要:
- [ ] 提供品牌资产(logo、色板、字体)或参考链接
- [ ] 说明设计用途(网页 / PPT / 海报 / 社媒图)
- [ ] 指定参考风格或竞品样例
- [ ] 输出后人工 review 视觉细节,微调用 Agent 调