2026最强 AI 组合之一:Codex + Figma,不会代码也能做产品!
本文介绍了 Codex 与 Figma 结合的 AI 产品开发工作流。通过 Figma MCP 连接两者,实现了从需求梳理、设计生成到代码开发及浏览器验证的闭环。文章详细讲解了如何利用 Codex 进行需求分析和代码编写,以及如何在 Figma 中进行双向协作与设计评审,大幅降低了产品原型开发的门槛。
本文介绍了 Codex 与 Figma 结合的 AI 产品开发工作流。通过 Figma MCP 连接两者,实现了从需求梳理、设计生成到代码开发及浏览器验证的闭环。文章详细讲解了如何利用 Codex 进行需求分析和代码编写,以及如何在 Figma 中进行双向协作与设计评审,大幅降低了产品原型开发的门槛。
作者分享用 Codex 结合 ChatCut 浏览器/桌面剪辑器自动剪口播视频的工作流:将原本在剪映需要一两天的剪辑工作压缩到一小时内。文章介绍了通过托管 MCP 插件让 Codex 或 Claude Code 直接操作剪辑时间线的安装方式,给出了四条核心指令(只读分析、按语义删减、插入内容并自查、最后刷字幕)和五道验收方法(重读项目状态、核对总时长、逐轨道检查、实际试听、复查字幕),并以片尾卡未跟随移动导致时长短两秒的实例说明:AI 报告'完成'不等于真正完成,验收环节必须由人掌握,这一原则适用于所有 Agent 交付的工作。
本文介绍如何用90天从传统营销人员转型为营销工程师(Marketing Engineer),这一新兴岗位融合营销、产品思维与AI系统能力,Figma等公司已在招聘。路线图分三个月:第一个月用Claude Code或Codex构建可重复的营销工作流,并添加公司上下文与技能;第二个月通过API、MCP服务器连接工具,搭建KPI仪表盘和受众工作流;第三个月加入创意生产、落地页与自动化测试循环,附加SQL、BigQuery与Python知识。核心转变是从执行者变为编排者,构建可复用的营销系统。
作者分享了利用 AI 工具在 Blender 中制作蜘蛛侠 CG 短片的完整流程。借助 Hi3D Agent 通过对话生成城市模型,从 Sketchfab 下载带骨架的蜘蛛侠角色,用 Mixamo 提供跑步、下坠、摆荡等动作素材,再通过 Blender MCP 让 Codex Astra 读取场景并执行 Python 操作完成素材导入、摆放与动画,配合 Rokoko 插件做动作重定向,最后设计镜头并用 Cycles 渲染、FFmpeg 合成视频。作者认为 AI 赋能为 3D 创作带来技术平权,即使低配显卡也能按此流程制作出不错的效果。
文章介绍如何解决AI生成网页时“不太对,再改一下”这类模糊修改意见难以落地的问题。作者拆解百灵 Ling-3.0-flash-VL 的官方演示,并提出用 Claude Code + Ling-3.0-flash-VL + Playwright MCP 的复现方案:VL 负责看参考图、生成代码和分析差异,Claude Code 负责读写文件和调用工具,Playwright 负责打开浏览器截图。关键细节是保持截图宽度一致,并让模型真正查看截图。作者建议从作品集首屏入手,通过截图对照迭代修改,让“看着不太对”变成可对照的图片差异。
作者因AIHOT产品优化导致Codex额度消耗巨大,发现ChatGPT Pro会员附带的GPT-6 Pro网页版额度与Codex额度分开,可被充分利用。他将服务器真实业务数据封装成只读MCP Server并接入飞书鉴权,作为插件供GPT-6 Pro调用,使其能基于真实生产数据做深度分析与规划,再通过'添加到Codex'功能将方案交给GPT-6 Astra执行。这套工作流大幅节省了Codex周额度,一次规划加执行仅消耗约14%额度,且完全合规无风控风险。
本文是 Codex 实战教程,作者以「一页」阅读打卡小程序为例,完整演示从零到发布微信小程序的流程:先用 Figma 确定页面设计,可通过 Codex 生成 SVG 草案再导入 Figma 制作可点击原型;再通过 Figma MCP 让 Codex 读取设计稿,按 WXML、WXSS、JavaScript 技术栈生成微信原生小程序代码;随后导入微信开发者工具模拟运行、调试报错;最后手机预览、上传体验版并提交审核发布。文章面向零代码基础的读者,强调只需写清楚提示词和提供设计稿,无需看懂代码即可完成开发。
作者分享了如何让 Claude Code 生成符合个人品牌风格的设计作品。他曾花两天与 Claude 争论字体和间距,后来发现关键在于:与其用文字描述想要的幻灯片,不如让 Claude 直接读取已有的设计参考。文章详细介绍了如何将 Figma 通过 MCP 连接到 Claude,包括创建账号、导入参考文件、复制特定 frame 的链接等步骤。作者强调,AI 工具失败的原因是没有'你的东西'可读,只要提供真实的设计参考文件或品牌规范(如色值、字体、间距),Claude 就能产出完全符合品牌风格的作品。
本文是作者对 Codex 工具全面使用的经验分享,涵盖基础使用、定时任务、拉取请求、插件与技能(Skill)的安装与推荐,以及高级工作流架构。作者强调通过 prompt 四步法、先问后做、语音输入等技巧提升效率,并介绍了如何将 Codex 与 MCP、插件结合,实现从需求描述到产品开发、内容创作的自动化流程。文章还提供了个人工作流设计原则,如长期任务用 Skill、一次性任务用 Prompt,并推荐了多个实用的 Skill 和插件。
文章介绍如何用ChatGPT Codex结合Python、GitHub Actions、多个AI模型和Email,搭建一套全自动的AI股票分析系统。用户负责定义需求,Codex负责开发,系统每天自动获取行情、计算技术指标、调用多模型分别分析技术面、基本面、新闻与风险,加权生成综合评分和晨报,并通过Email发送。文章详细讲解项目搭建、模块化分层、API Key安全、自选股批量扫描等步骤,并强调该系统定位为投资研究辅助而非自动交易工具,核心价值在于让AI替代重复的信息处理工作。