2026年Codex + Figma MCP Server配置教程:AI自动生成前端代码实战指南

Codex + Figma MCP Server配置教程:AI自动生成前端代码实战指南cc 结合 figma mcp 还不错 但是最关键是 cc 的额度有限 不够了只能周刷新额度了 正好手里也有订阅 GPT 因此这里尝试结合 Codex 和 figma mcp 官方并没有介绍如何解决 codex 的使用 经过尝试发现是可以走通的 效果还不错 so 这里介绍下 figma dev 权限或更高 full 权限 ChatGPT 会员我这里需求并不算大 因此开通的 GPT Plus

大家好,我是讯享网,很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。



cc结合figma mcp还不错,但是最关键是cc的额度有限,不够了只能周刷新额度了。正好手里也有订阅GPT,因此这里尝试结合Codex和figma mcp,官方并没有介绍如何解决codex的使用,经过尝试发现是可以走通的,效果还不错,so 这里介绍下。

  1. figma dev权限或更高full权限
  2. ChatGPT会员
    • 我这里需求并不算大,因此开通的GPT Plus。
    • 目前codex并不提供免费用户使用。

配置文件位置:~/.codex/config.toml

experimental_use_rmcp_client = true  [mcp_servers.figma_local] url=“http://127.0.0.1:3845/mcp"; 

这里我是走的本地mcp server,因此需要安装本地Figma MCP。

配置完成后,可以codex命令启动,如果MCP真的连接失败会有报错,没有任何异常即成功了。

说明:experimental_use_rmcp_client表示启用实验特性即支持http stream,如果不开启,无法接入figma mcp server。

  1. Figma中拷贝图层链接
    https://static.1991421.cn/2025/2025-11-09-222206.jpeg
  2. codex下自然语言沟通,让其根据设计进行代码生成/修改即可。

关于资源下载的文件名/位置等信息,利用提示词进行约束就行了。

  1. codex比claude的还原度个人觉得更高些,当然仅限于figma稿子还原这点,其它的话,claude coding还是最强的。不过即使是codex,还做不到完整还原,都是需要后期修改调整的,不过已经很不错了,省事了不少。
  2. claude pro会员的周额度肯定是不够的,如果你也这样,可以考虑跟我一样,同时订阅GPT plus+cc会员,成本的话,目前是250CNY/月

小讯
上一篇 2026-04-24 22:31
下一篇 2026-04-24 22:29

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/274567.html