我把 Codex 摸透了!16个设计师必看的实用技巧!

一、全文速览图

我把 Codex 摸透了!16个设计师必看的实用技巧!

你还在一个对话框里跟 AI 来回问答?

说实话...我已经一个月没打开 Figma 了,不是因为懒(好吧也有点),是发现很多设计交付的活,AI 干得比我手动还快。以前出图要半天,现在组件搭好,丢个需求进去,五分钟出初稿,我再花二十分钟调细节,完事。

没错,我说的 AI 工具就是 Codex

我把 Codex 摸透了!16个设计师必看的实用技巧!

千万别把它当成纯编程工具。

它不仅能做设计,还能同时跑多个任务、定时帮你抓热点、把视频一键转图文、甚至直接操控你电脑上的应用。

Codex是目前普通人最值得上手的AI工具。

我把这段时间用 Codex 摸出来的 16 个技巧整理出来了,从安装到进阶,每一步都能直接抄。不管你是设计师、创作者还是什么别的职业。

文章加料有点长,建议先收藏!

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

先说清楚一件事。

豆包、GPT、deepseek、Kimi...这种使用体验,本质上还是你问我答的方式。

Codex 的逻辑完全不同。你把需求说清楚,它会自己拆任务、读文件、写代码、改内容、交付结果...一条龙服务。整个过程你只需要做三件事:提需求、点继续、喝咖啡。

我把 Codex 摸透了!16个设计师必看的实用技巧!

这...不是聊天工具,是一个 AI 员工吧。

三、怎么安装

在开始 Codex 安装之前,先确保你满足以下条件:

  1. 拥有 ChatGPT Plus 账号 or API key。目前 Codex 需要付费才能使用(Plus、Business、Pro 都可以),或者使用 API 登录。
  2. 特殊的网络环境,确保能够访问 OpenAI 服务。

提示:如果你已满足以上条件,就可以继续下一步 Codex 安装教程了。

Codex 安装很简单,不像 Claude Code 那么折腾。

我把 Codex 摸透了!16个设计师必看的实用技巧!

支持 Mac 和 Windows,官网会自动识别你的系统,提供对应安装包。Mac 用户下载后拖进应用程序就行,Windows 用户按向导走。

安装完打开,第一次进入会让你登录,然后选项目目录。选错没关系,后面随时能改。

我把 Codex 摸透了!16个设计师必看的实用技巧!

Tips:Windows 暂时没有「操控电脑」功能,其余功能和 Mac 基本一致。

四、界面长什么样

经典的三栏布局:

我把 Codex 摸透了!16个设计师必看的实用技巧!

  1. 左侧:导航栏 + 项目列表。新对话、搜索、插件、自动化、项目历史、设置,全在这。
  2. 中间:对话区。你输入指令、上传附件、切换模型、查看上下文用量。
  3. 右侧:结果预览区。文档、网页、搜索来源、文件修改记录,都在这里展示。

五、对话/Chat 还是 项目/Project?

两种模式,用法完全不同。

我把 Codex 摸透了!16个设计师必看的实用技巧!

  1. 对话/Chat 模式:跟网页端聊天一样,适合轻量任务——解释个概念、写段文案、起个标题。
  2. 项目/Project 模式:用文件夹管理对话,适合复杂任务。你的所有文件、资料、脚本都放在项目文件夹里,随时调用。

建项目时有两个选项:

  1. 从头开始:新建空文件夹
  2. 使用现有文件夹:把电脑上已有的文件夹导入作为上下文

例如我把.hermes作为项目,使用 Codex 充当hermes医生,每次提问题,codex会自动读取hermes目录并修复。

我把 Codex 摸透了!16个设计师必看的实用技巧!

实操建议:把你的素材库、设计规范、项目资料整个导入进来。Codex 会自动读取所有文件作为背景知识,回答质量直接上一个台阶。

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

这个能力真的很离谱。

你可以同时开多个对话,每个对话跑不同任务,互不干扰。比如:

  1. 线程 1:让它去调研某个竞品的视觉风格
  2. 线程 2:根据参考图生成一套配色方案
  3. 线程 3:把设计规范整理成一份文档

三个同时跑,每个都能独立执行。

我把 Codex 摸透了!16个设计师必看的实用技巧!

同一个项目里开的多个线程,共享项目文件夹里的资料,但各自的对话内容互不可见。大家看同一份材料,但各干各的。这恰好就是并行协作最舒服的状态。

七、分叉:上下文炸了也不怕

对话进行到一半,想换个方向试试?

我把 Codex 摸透了!16个设计师必看的实用技巧!

「分叉」功能可以从任意一个对话节点复制出一条新的对话路线,原来的内容完整保留。新路线可以按你另一个想法继续推进。

我把 Codex 摸透了!16个设计师必看的实用技巧!

这个功能解决的是上下文膨胀问题。对话轮次一多,AI 的上下文被压缩后输出质量会下降。分岔相当于回到一个质量还不错的节点,复制出一条新路线继续走,不用从头交代背景。

八、中途介入:不满意随时说

Codex 在执行过程中,你可以随时在对话框里输入新需求。它会即刻引导对话,等当前步骤完成后顺着你的新方向继续调整。不用取消重来,不用从头交代。

我把 Codex 摸透了!16个设计师必看的实用技巧!

比如它帮你改了一版网页布局,你觉得人物位置不对,直接说「人物左置,右侧放品牌故事正文」,它就会接着改。

九、哪里不会点哪里

这个真的超级方便。Codex 生成的页面上,你使用「注释」功能,直接点击某个元素,它就能定位到对应的代码区域。想改哪里点哪里,不用手动去找文件和行号。

我把 Codex 摸透了!16个设计师必看的实用技巧!

十、改崩了?回退版本

如果改完发现效果还不如上一版,别慌。教你两种方法回退:

方法一:点击撤销即可快速回退,一般用于回退上一步操作;

我把 Codex 摸透了!16个设计师必看的实用技巧!

方法二:点右上角的编程工具 VS Code/Antigravity,找到 Git,查看历史提交记录,找到你想回退的那个版本,复制提交哈希。

我把 Codex 摸透了!16个设计师必看的实用技巧!

回到 Codex 的对话框,输入「恢复版本」并粘贴哈希,等它执行完刷新就行。

我把 Codex 摸透了!16个设计师必看的实用技巧!

改方向、改细节、改回去,这三个场景你一定会碰到,建议记下来。

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

权限决定了 Codex 能在你电脑上做多少事:

  1. 默认权限:只在当前项目文件夹内工作,超出范围会先问你
  2. 完全访问权限:它可以自由操作你电脑上的任何文件(方便但有风险)
  3. 自动审查:介于两者之间

平时用默认权限就行。遇到权限弹窗拿不准,别急着点,先问它一句:「这个权限干嘛的?有没有风险?」它会给你解释。

我把 Codex 摸透了!16个设计师必看的实用技巧!

但有时候弹多了会有点膈应,所以我一般直接开启完全访问权限,这样不用每次都找我授权(有一定风险)。

我把 Codex 摸透了!16个设计师必看的实用技巧!

推理深度和速度这两个开关,简单说就是:任务越复杂,推理深度拉高;急着要结果就开快速模式,不急就用标准,省额度。

我把 Codex 摸透了!16个设计师必看的实用技巧!

关于额度:

你可以理解为游戏体力值,使用Codex会消耗体力,系统每隔5小时会刷新体力,每周还限额。用完就等下一轮刷新,或者单独升级会员购买额度。

额度消耗情况可以通过右下角设置或设置内的「使用情况」查看额度。

我把 Codex 摸透了!16个设计师必看的实用技巧!

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

这个功能我觉得是最被低估的。

你跟普通 AI 聊天,每次都得重新交代你是谁、你的偏好、你的工作习惯。烦不烦?有了记忆系统,写一次就行。

1. 项目记忆(AGENTS.md)

在项目文件夹根目录放一个 AGENTS.md 文件,相当于给 Codex 一份项目须知。它每次干活前会先读这个,不用你每次重新交代。

甚至不用你自己写——直接跟它说:

「帮我通读当前项目,生成一份 AGENTS.md。」

我把 Codex 摸透了!16个设计师必看的实用技巧!

它会根据你的文件自动整理。建完之后试试问它「我是谁?」回答对得上就生效了。

2. 全局记忆

我把 Codex 摸透了!16个设计师必看的实用技巧!

在「设置 → 个性化」里配,所有项目通用。比如你可以写:

  1. 简体中文回答,别啰嗦
  2. 复杂任务先给思路再动手
  3. 我不懂代码,说人话
  4. 删东西、发消息之前先问我

十三、插件:给 Codex 接上外部工具

插件市场把各种外部工具、MCP 服务打包在一起,装上就能用。

我把 Codex 摸透了!16个设计师必看的实用技巧!

比如:

  1. 装一个浏览器插件,让 Codex 在后台帮你搜索多个网站
  2. 装一个 Gmail 插件,它能帮你管理邮件
  3. 装一个数据抓取插件,每天自动帮你抓行业热点

小技巧:插件市场里不认识的插件,直接截图问 Codex。告诉它你的工作是什么,它会告诉你哪些插件对你有用、怎么用。

Chrome 浏览器插件也值得试试——安装后 Codex 可以在后台标签页运行,同时操作多个页面,完全不占用你当前的浏览器窗口。

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

Skill 是每个经常做重复工作的人最应该重视的功能。

我把 Codex 摸透了!16个设计师必看的实用技巧!

它解决的问题很直接:你每天重复做的事情,比如把视频转图文、把素材整理成选题表、按固定格式生成报告——这些流程可以打包成一个 Skill,以后一句话就能让 Codex 自动执行。

三种安装方式:

  1. 官方 Skill:在技能站里直接安装,不清楚用途的先装下来再问 Codex
  2. 第三方 Skill:在 GitHub 上找到好用的 Skill,把安装链接发给 Codex,它会自动下载安装
  3. 自己创建:把你的工作流程描述清楚,让 Codex 帮你生成 Skill 文件

举个真实场景:我做设计,经常要把客户的需求文档转成项目 brief。每次手动整理格式、复制粘贴、调排版,一搞就是一两个小时。把这套流程描述给 Codex,它帮你生成一个专属 Skill。以后丢进原始文档,规范文件或 brief 就能直接生成,格式自动对齐。

我把 Codex 摸透了!16个设计师必看的实用技巧!

Skill 的存放路径决定它的作用范围:

  1. 放在项目文件夹下 → 只对当前项目生效
  2. 放在全局目录下 → 所有项目都能调用

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

自动化解决的是「每天/每周重复做」的事情。

我把 Codex 摸透了!16个设计师必看的实用技巧!

比如你做设计,每天得关注各平台出了什么新工具、新模型、新的设计趋势,筛完再决定哪些值得试试。手动做又慢又容易漏。

你可以让 Codex 创建一个自动化任务:

「每天早上 8 点,帮我扫一遍全网 AI 热点,按以下标准筛选:1)有实际产品发布或重大更新 2)适合做内容的角度 3)普通人能理解。筛完整理成一份简报推给我。」

创建方式很简单:在对话框里直接告诉它你的需求和执行频率。

我把 Codex 摸透了!16个设计师必看的实用技巧!

创建完成后,在左侧的自动化图标里可以查看任务状态,进入详情还可以查看详细状态、立即测试执行。

我把 Codex 摸透了!16个设计师必看的实用技巧!

更多玩法:

  1. 每周日晚自动复盘本周各平台内容数据,给出下周优化方向
  2. 每周自动过一遍你积累的素材库,筛出可以加工成选题的素材
  3. 定期检查各项目下的 AGENTS.md,把新冒出的规则自动补进去

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

Codex 最早就是从 AI 编程能力起家的。对普通用户来说,最实用的场景就是让它帮你做个人主页。

把你的需求、风格偏好、内容素材,或者个人简历全部丢给它,开启计划模式让它先出方案、跟你确认后再动手。大约五分钟,一个能用的网页就交付出来了。

我把 Codex 摸透了!16个设计师必看的实用技巧!

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

如果只想自己看,本地运行就行。想分享给别人?Codex 里有一个 Netlify 插件,一条指令就能把网站部署上线,生成一个公开链接。

我把 Codex 摸透了!16个设计师必看的实用技巧!

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

这是 Codex 最新的能力,也是最让人惊讶的。

我把 Codex 摸透了!16个设计师必看的实用技巧!

开启之后,Codex 可以直接操作你电脑上的应用,而且不占用你当前的窗口——它在后台默默干活。

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

我把 Codex 摸透了!16个设计师必看的实用技巧!

这个功能目前只支持 Mac,Windows 暂时还没有。而且表现还在迭代中,不一定每次都能达到预期效果。但方向已经很清楚了:AI 不再只活在对话框里,它开始真正进入你的桌面。

以上就是我这段时间用 Codex 摸出来的 16 个场景,从安装到进阶都覆盖了。

内容比较多,建议先收藏,后面跟着一步一步上手操作。

十八、最后叨叨

工具这东西,看十遍不如自己跑一遍。跑顺了之后你会发现,很多以前觉得必须手动干的活,其实早就可以交给它了。

收藏 16
点赞 38

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。