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效果图,简单描述,调整页面代码
相关推荐
颜进强42 分钟前
01 · NestJS 是什么:用途、解决什么问题、与热门框架对比
前端·后端·ai编程
颜进强1 小时前
04 · NestJS 依赖注入:你在 `@Module` 写的 providers,和构造参数里那个类型,是怎么"对上"的?
前端·后端·ai编程
ServBay1 小时前
Jev是什么?哑巴模型居然全网爆火
后端·aigc·ai编程
殷紫川1 小时前
从 Java 开发者视角看Jev这个不生成文字的决策模型,为什么能颠覆 Agent 架构
ai编程
宝贝儿好3 小时前
【LLM】第六章:LangChain框架中的大模型的创建与调用
人工智能·自然语言处理·nlp·aigc·ai编程
VIP_CQCRE5 小时前
在 Visual Studio 里接入 Ace Data Cloud:让 AI 编程助手直接用上 OpenAI 兼容接口
openai·ai编程·开发工具·visual studio·acedatacloud
ArkPppp5 小时前
如何从零上线一个耐造的Redis缓存系统——最直接最不绕弯子的方式
后端·ai编程
VIP_CQCRE6 小时前
在 Visual Studio 里接入 AI 编程助手:用 Ace Data Cloud 打通 OpenAI 兼容接口与 LMLocal
openai·ai编程·visual studio·acedatacloud·lmlocal
掘金酱8 小时前
稀土掘金 × 火山引擎|AI用量周榜冲刺赛,冲榜赢好礼!
ai编程