大数跨境

我把 Codex 摸透了,16个设计师必看技巧直接抄作业!

我把 Codex 摸透了,16个设计师必看技巧直接抄作业! Allan的出海实战笔记
2026-08-13
2
导读:正文:你还在一个对话框里跟 AI 来回问答?说实话...我已经一个月没打开 Figma 了,不是因为懒(好吧也有点),是发现很多设计交付的活,AI 干得比我手动还快。以前出图要半天,现在组件搭好,丢个

你还在守着单个对话框,跟 AI 来回拉扯改需求吗?

实话说,我已经快一个月没主动打开过 Figma 了。说完全不偷懒肯定是假的,但核心原因是:我发现大半设计交付类的工作,Codex 干得比我手动操作效率还高。

过去出一张合格的初稿要耗大半天,现在把基础组件框架搭好,把需求说清楚丢进去,五分钟就能拿到完整初稿,我只需要花二十分钟调整细节,整个工作就能收尾。如果你还把 Codex 当成只给程序员用的纯编程工具,那可真的错过大宝贝了。它不仅能适配设计工作,还能同时跑多任务、定时帮你抓取行业热点、一键把视频转成图文内容,甚至能直接操控你电脑上的各类应用,算是目前普通人门槛最低、实用性最强的全能 AI 工具了。

我把这段时间亲测摸出来的使用技巧整理成了 16 条,从入门安装到高阶玩法全涵盖,每一步都能直接照着操作。不管你是设计师、内容创作者还是其他行业的从业者,都能找到能用得上的方法。内容篇幅不短,建议先收藏慢慢看。

Codex 和普通 AI 比,到底强在哪

先给大家理清楚核心差异。我们常用的豆包、GPT、DeepSeek、Kimi 这类工具,本质上都是「你问我答」的交互逻辑,每一步都需要人引导,复杂任务还要自己梳理拆分上下文。但 Codex 的逻辑完全不一样:你只要把整体需求说清楚,它会自动拆分任务步骤、读取对应文件、写代码改内容、最终交付成品,全程一条龙搞定。

整个过程你只需要做三件事:说需求、确认进度、剩下的时间该干嘛干嘛。说它是个能直接上手干活的 AI 员工真不为过。

对设计师来说,这就意味着你可以把生成初稿、整理素材这类流程清晰的工作全交出去,自己只负责最终的审美判断和细节调整,能省出大把时间用在创意部分。

怎么安装

开始安装 Codex 之前,先要确认你满足两个前置要求,缺一不可:

第一,你需要有 ChatGPT Plus 账号或者有效的 OpenAI API key。目前 Codex 本身需要依托 OpenAI 的付费服务才能使用,ChatGPT 的 Plus、Business、Pro 版本都支持,也可以直接用 API 密钥登录。

第二,你需要准备好能稳定访问 OpenAI 服务的特殊网络环境,这是基础前提。

满足两个条件之后,安装本身其实非常简单,远没有 Claude Code 那么多折腾的步骤。Codex 同时支持 Mac 和 Windows 系统,打开官网会自动识别你的设备,提供对应版本的安装包。Mac 用户下载完直接把安装包拖进应用程序文件夹就能用,Windows 用户跟着安装向导一步步走就行。安装完成第一次打开的时候,会引导你完成登录,然后让你选择项目存储目录,就算选错了也没关系,后面随时可以修改。

重要提示:目前 Windows 版本暂时还不支持「操控电脑」的功能,其余功能和 Mac 版本基本一致,Windows 用户不用纠结,先用好其他功能就好。

界面长什么样

Codex 用的是非常清晰好上手的经典三栏布局,每个区域的功能划分非常明确:

  • 左侧栏:导航栏加项目列表。新建对话、内容搜索、插件管理、自动化任务、项目历史、系统设置所有入口都在这里。
  • 中间栏:对话交互区。你输入指令、上传附件、切换大模型、查看上下文用量都在这个区域操作。
  • 右侧栏:结果预览区。生成的文档、爬取的网页内容、信息搜索来源、文件修改记录所有结果都会在这里展示。

搞清楚这个三栏布局,你就能快速找到所有功能入口,不用反复乱点找功能。对设计师来说,尤其可以先记一下左侧栏的自动化入口,后面讲高阶玩法的时候会用到。

对话/Chat 还是 项目/Project?

Codex 提供了两种完全不同的工作模式,适用场景完全不一样:

Chat 对话模式:就是我们熟悉的网页端聊天模式,适合处理各类轻量任务,比如解释一个陌生的设计概念、写一段推广文案、想几个标题这类,用对话模式就足够。

Project 项目模式:是用文件夹来管理所有对话内容,专门适配复杂的大任务。你的所有设计素材、项目资料、脚本文件都可以存在项目文件夹里,随时调用。新建项目的时候有两个选项:一个是从头开始,新建一个空白文件夹;另一个是导入现有文件夹,直接把你电脑上已经整理好的本地文件夹导入作为项目上下文。

之前亲测的时候试过把.hermes 目录导入成项目,让 Codex 充当修复工具,每次提问它都会自动读取整个目录的内容,针对性修复问题。

实操建议:直接把你的设计素材库、统一设计规范、整套项目资料整个导入成项目,Codex 会自动读取所有文件作为背景知识,输出内容的质量会直接上升一个台阶,比每次用的时候手动传附件高效太多。

并行任务:同时开三个线程干活

这个功能真的是效率神器,说它离谱都不为过。你可以在 Codex 里同时开启多个对话线程,每个线程跑不同的任务,互相完全不干扰。

举个设计师常用的场景:一号线程让它帮你调研竞品的视觉风格,二号线程让它根据参考图生成整套配色方案,三号线程让它把零散的设计规范整理成可复用的文档。三个任务可以同时推进,每个都能独立执行输出结果。

同一个项目里开的多个线程,会共享项目文件夹里的所有素材资料,但每个线程的对话内容互相不可见。相当于三个人用同一份参考资料各干各的活,完全不用互相影响,这刚好就是并行协作最舒服的状态。对设计师来说,相当于把前期调研、视觉探索、文档整理三件事同时做完,直接把工作效率翻一倍。

分叉:上下文炸了也不怕

聊到一半想换个方向改方案怎么办?Codex 的「分叉」功能完美解决这个问题。你可以从任意一个对话节点复制出一条全新的对话路线,原来的内容会完整保留,新路线可以顺着你的新想法继续推进。

这个功能最大的作用是解决了 AI 常用的上下文膨胀问题:对话轮次多了之后,AI 的上下文窗口会被挤满,早期内容被压缩之后,输出质量就会下降。分叉相当于让你回到一个输出质量还不错的节点,复制一条新路线继续探索,不用从头再交代一遍背景信息。比如你改了半天出了一版首页,突然想保留现有版本,试试另一种导航结构,用分叉功能就能同时保留两条探索路径,不用删了原来的重新做。

中途介入:不满意随时说

Codex 在执行任务的过程中,你随时可以在对话框输入新的需求,它会在当前步骤完成之后,立刻顺着你的新要求调整方向,不用取消整个任务重来,也不用重新交代一遍背景信息。

比如它帮你改完一版网页布局,你觉得首屏人物位置不对,直接说「把人物移到左侧,右侧放品牌故事正文」,它就会接着当前的进度改,不用从头再来。这个功能特别符合设计师的迭代习惯,不用等整个任务全部做完再推翻重改,可以边看结果边提修改意见,调整起来特别灵活。

哪里不会点哪里

这个小功能真的超级实用。Codex 生成页面之后,你只要用「注释」功能,直接点击你想改的那个元素,它就能自动定位到对应的代码区域,真的是想改哪里点哪里,完全不用你自己翻文件找行号。

对不熟悉代码的设计师来说,这个功能相当于把设计稿上的改稿红圈,直接变成了代码定位工具,省去了大量找代码的时间,沟通和改稿的成本直接降了一大半。

改崩了?回退版本

改来改去发现新效果还不如上一版怎么办?别慌,给大家两个靠谱的回退方法:

方法一(快速回退):直接点击撤销按钮就能快速回退,一般用来回退上一步操作,速度最快。

方法二(历史版本回退):适合往回退更多版本。操作步骤是:点右上角的编程工具 VS Code/Antigravity,找到 Git,打开历史提交记录,找到你想要回退的版本,复制这个版本的提交哈希值;回到 Codex 对话框,输入「恢复版本」然后粘贴哈希值,等它执行完刷新页面就好了。

改方向、改细节、改回旧版本,这三个场景你用 Codex 一定会碰到,建议把这个方法记下来。版本有保障,你改的时候也能大胆试错。

权限、模型、速度:三个关键开关

这三个开关直接影响 Codex 的使用安全和输出效果,一定要搞清楚:

1. 权限开关:决定了 Codex 能在你电脑上操作的范围。

  • 默认权限:只允许它在当前项目文件夹里工作,超出范围访问会先弹窗问你,最安全。
  • 完全访问权限:允许它自由操作你电脑上的任何文件,用起来方便但有一定风险。
  • 自动审查权限:介于两者之间。
平时用默认权限就足够安全,遇到权限弹窗拿不准的话,别急着点同意,先问 Codex 一句「这个权限是用来干嘛的?有没有安全风险?」它会给你解释清楚。如果嫌弹窗太麻烦想省事儿,也可以开完全访问权限,但一定要知道背后的风险,自己权衡。

2. 推理深度和速度开关:逻辑很简单:任务越复杂,就把推理深度拉高;急着要结果就开快速模式,不急就用标准模式,能省额度。

关于额度:你可以把额度理解成游戏里的体力值,用 Codex 干活会消耗额度。系统每隔 5 小时会自动刷新一次,每周还有总量限额,用完了就等下一轮刷新,或者升级会员买额外额度。你可以在右下角设置里的「使用情况」页面,随时查看剩余额度。

记忆系统:让 Codex 真正「懂你」

这个功能应该是 Codex 最被低估的实用功能了。你用普通 AI 的时候,每次开新对话都要重新说一遍你的身份、你的偏好、你的工作习惯,反复说真的很麻烦。有了 Codex 的记忆系统,这些内容写一次就够了。

记忆分两种:

  • 项目记忆:在项目文件夹的根目录放一个AGENTS.md文件,相当于给 Codex 的项目须知,它每次干活之前都会先读这个文件,不用你每次重新交代要求。甚至这个文件都不用你自己写,你直接跟 Codex 说「帮我通读当前项目,生成一份 AGENTS.md」,它就会根据项目里的文件自动整理出来。建好之后你可以问它「我是谁?这个项目是做什么的?」,回答对得上就说明生效了。
  • 全局记忆:在「设置→个性化」里配置,对所有项目都生效。你可以把通用要求写在这里,比如:用简体中文回答,别啰嗦;复杂任务先给思路再动手;我不懂代码,说话讲人话;删文件、发消息之前先问我。对设计师来说,把「我不懂代码,讲人话」这条写进全局记忆,能少很多鸡同鸭讲的沟通摩擦。

插件:给 Codex 接上外部工具

Codex 的插件市场把各类外部工具、MCP 服务都打包好了,装上就能用,相当于给 Codex 开了更多外挂。比如你装个浏览器插件,就能让 Codex 在后台帮你同时搜索多个网站的信息;装个 Gmail 插件,就能让它帮你管理邮件、写回复;装个数据抓取插件,就能让它每天自动帮你抓行业热点整理好。

小技巧:插件市场里看到不认识的插件,直接截个图问 Codex,告诉它你是做什么工作的,它会告诉你哪些插件对你有用、具体怎么用,不用自己瞎试。

还有 Chrome 浏览器插件特别值得一试,安装之后 Codex 可以在浏览器后台标签页运行,同时操作多个页面,完全不占用你当前在用的浏览器窗口,对经常要跨网站收集设计灵感的设计师来说,这个功能真的太友好了。

Skill:把重复工作变成一键 SOP

Skill 功能真的是所有天天要做重复工作的人的救星,它解决的痛点非常直接:你每天重复做的固定流程工作,比如把视频转图文、把零散素材整理成选题表、按固定格式生成项目报告,都可以把整个流程打包成一个 Skill,以后只要说一句话,Codex 就会自动按流程执行完所有步骤。

Skill 有三种安装方式:

  1. 官方 Skill:直接在官方技能站里点安装就行,不清楚用途的装完再问 Codex 就好。
  2. 第三方 Skill:在 GitHub 上找到别人分享的好用 Skill,把安装链接发给 Codex,它会自动下载安装。
  3. 自己创建:把你的工作流程一步步说清楚,让 Codex 帮你生成专属的 Skill 文件。

真实场景示例:我们经常要把客户发来的零散需求文档整理成规范的项目 brief,每次手动整理格式、复制粘贴、调排版,一做就是一两个小时。把这套整理流程说给 Codex,它就能帮你生成一个专属 Skill,以后只要把客户的原始需求文档丢进去,直接就能输出格式规范的 brief,所有排版自动对齐,省出超多时间。

作用范围:Skill 的作用范围由存放路径决定。放在项目文件夹里,就只对当前项目生效;放在全局目录下,所有项目都能调用。你可以把常用的 brief 生成 Skill 放在全局,把某个客户特有的定制流程放在项目文件夹里,灵活搭配。

自动化:让 AI 每天替你干活

自动化功能解决的是「需要每天或者每周定期重复做」的工作,把固定周期的重复工作全交给 AI 做。

比如做设计的朋友,每天都要关注各个平台出了什么新工具、新模型、新的设计趋势,手动筛不仅慢,还容易漏好内容。你就可以让 Codex 创建一个自动化任务:「每天早上 8 点,帮我扫一遍全网的 AI 设计热点,按三个标准筛选:第一,有实际产品发布或者重大功能更新;第二,有适合做内容的创作角度;第三,普通人能看懂能用。筛选完整理成一份简报推给我。」

创建方式非常简单,直接在对话框告诉 Codex 你的需求和执行频率就好了。创建完成之后,你可以在左侧导航栏的自动化入口查看所有任务的状态,进入详情还能看执行记录、立即测试运行。

更多玩法:

  • 每周日晚上自动复盘本周各个平台的内容数据,给你出下周的内容优化方向;
  • 每周自动梳理一遍你积累的素材库,筛出可以加工成内容的选题素材;
  • 定期检查各个项目的 AGENTS.md 文件,把新加的规则自动补充进去。
设计师可以把「每天上午收集行业设计趋势」变成自动化任务,到点直接收简报,把省出来的时间留给真正的创意工作。

AI 编程:五分钟生成一个个人主页

Codex 最早就是靠 AI 编程能力出圈的,对普通用户包括设计师来说,最实用的场景就是让它帮你做个人作品集主页。你把你的需求、风格偏好、内容素材、个人简历全部丢给它,开启计划模式让它先出方案,跟你确认之后再动手,大概五分钟就能做出一个能用的个人主页。

现成的 prompt 示例:
这是我的个人简历,帮我生成一个个人主页的 HTML 文件。要求:风格极简高级,参考 Apple 和 Linear 的设计语言;首屏一句话讲清楚我是谁、我是做什么的;下面按「项目作品 / 技能栈 / 工作经历 / 联系方式」分模块展示;中文排版,字体用系统默认就可以;支持深色模式,响应式适配手机端;不要用任何第三方框架,纯 HTML+CSS 单文件。

做好之后如果只想自己看,本地运行就可以。要是想分享给别人找工作接项目,Codex 有个 Netlify 插件,只要发一条指令就能把网站部署上线,自动生成公开分享链接。对设计师做作品集来说,这个效率真的无敌,几分钟就能有一个可分享的个人主页。

操控电脑:最「科幻」的插件

这是 Codex 最新推出的能力,也是最让人惊讶的功能。开启之后,Codex 可以直接操控你电脑上的各类应用,而且完全不占用你当前在用的窗口,全程在后台默默干活。

比如你让它调研一个设计网站,它会自己打开浏览器、自动翻页、提取关键信息、最后整理成文档给你;再比如你给它一个设计参考的链接,它能自己找对应素材、生成代码、输出成品,全程在后台运行,你该干嘛干嘛,你的桌面完全不受影响。

提醒:这个功能目前只支持 Mac 系统,Windows 版本暂时还没有上线,而且功能还在迭代优化中,不一定每次都能达到预期效果。但这个方向已经非常清晰了:AI 不再只活在对话框里,已经开始真正走进我们的桌面,接管实际操作了。

以上就是我这段时间亲测 Codex 整理出来的 16 个实用技巧,从入门安装到高阶玩法全部覆盖了。内容比较多,建议大家先收藏,用到的时候拿出来照着一步步操作就行。

最后说一句,工具这个东西,看十遍不如自己实际跑一遍。等你用顺了之后就会发现,很多过去觉得必须手动干的活,其实早就可以交给 AI 了,省下的时间多做点创意工作不好吗。

【声明】内容源于网络
0
0
Allan的出海实战笔记
专注分享跨境电商独立站实战干货,Shopify实战技巧,Shopify/Shopline/店匠运营等,Facebook广告投放,Google/谷歌SEO优化技巧,TikTok实战运营技巧
内容 204
粉丝 0
Allan的出海实战笔记 成都艾瑞希科技有限公司 专注分享跨境电商独立站实战干货,Shopify实战技巧,Shopify/Shopline/店匠运营等,Facebook广告投放,Google/谷歌SEO优化技巧,TikTok实战运营技巧
总阅读5.1k
粉丝0
内容204