AI 开发

AI 调用Figma

以codex为例:

Figma 插件安装

codex 搜索插件安装,常用功能:

  • Pull Figma content:复制Figma Frame链接,它帮你转成代码
  • Generate Figma design:直接发指令,它帮你在Figma新建文件,画好界面,同时生成对应的代码。
根据设计稿链接生成代码

修改设计稿后,回到CodeX,输入 Inspect a Figma design and implement it in code:Figma Frame链接,生成一个本地的预览地址,就可以查看是否调整,再进行细节优化和调整。

根据设计稿XML和效果图生成代码

Figma Mcp 调用次数不够时,可以通过设计稿XML和效果图来调整页面,节省Mcp的调用次数:

  • 安装 Figma 插件 FigML - Figma XML Exporter Plugin
  • 导出XML结构文件和PNG效果图
  • 回到CodeX,上传XML结构文件和PNG效果图,简单描述,调整页面代码
相关推荐
To_OC5 小时前
被 Vibe Coding 反噬之后,我老老实实地回去写文档了
aigc·ai编程·vibecoding
李福春7 小时前
技术思考问题2:AI 编程高效的关键,是更强模型还是更清晰的问题定义?
ai编程·工程效能·vibe coding·深圳同盟·腾讯云架构师技术同盟·能力圈·检查清单
小虎AI生活7 小时前
AI 替掉重复劳动后,把人转向获客侧的实操方法(附提示词模板)
aigc·ai编程
金銀銅鐵8 小时前
[Java] 用GUI展示class文件顶层的 access_flags
后端·python·ai编程
ajassi200012 小时前
AI语音智能体开发日记(十八)智能体服务器xiaozhi-esp32-server源码部署指南
运维·服务器·人工智能·ai·ai编程
9i编程13 小时前
9. 教 AI 上班:带出我的数字同事 —— 部署到本机再大回归:组织架构又错,被我叫停先改树
人工智能·openai·ai编程
jam28113 小时前
你让 AI 帮你写代码,攻击者把偷密钥的指令藏进了一张 PNG
ai编程
粥里有勺糖14 小时前
安利一下最近用的桌面“Agent” | T3 Code
前端·github·ai编程
粥里有勺糖15 小时前
视野修炼第136期 | 前端小恐龙"Deno"被收购
前端·github·ai编程