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