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

云芳君_9338

云芳君_9338

2026-05-25

1286人浏览

原创

codex更新远程控制,终于可以在手机上随时随地vibecoding了!全文速览图凌晨4点钟,openai发了一条新帖子,正式官宣了codex的新能力。你还在一个对话框里跟ai来回问答?说实话...我已经一个月没打开figma了,不是因为懒(好吧也有点),是发现很多设计交付的活,ai干得比我手动还快。以前出图要半天,现在组件搭好,丢个需求进去,五分钟出初稿,我再花二十分钟调细节,完事。没错,我说的ai工具就是codex。千万别把它当成纯编程工具。它不仅能做设计,还能同时跑多个

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

我把 codex 摸透了!16个设计师必看的实用技巧! - php中文网

Codex更新远程控制,终于可以在手机上随时随地Vibe Coding了!

全文速览图凌晨4点钟,OpenAI发了一条新帖子,正式官宣了Codex的新能力。

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

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

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

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

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

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

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

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

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

先说清楚一件事。

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

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

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

三、怎么安装

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

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

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

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

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

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

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

四、界面长什么样

经典的三栏布局:

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

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

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

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

建项目时有两个选项:

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

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

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

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

这个能力真的很离谱。

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

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

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

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

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

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

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

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

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

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

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

九、哪里不会点哪里

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

十、改崩了?回退版本

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

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

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

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

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

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

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

Ask Gemini/ChatGPT
Ask Gemini/ChatGPT

用于在用户想通过浏览器自动化与 Google Gemini 或 ChatGPT 交互时。触发短语包括“ask Gemini”“ask ChatGPT”“ask GPT”“让...”。

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

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

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

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

关于额度:

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

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

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

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

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

1. 项目记忆(AGENTS.md)

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

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

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

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

2. 全局记忆

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

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

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

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

比如:

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

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

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

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

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

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

三种安装方式:

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

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

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

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

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

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

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

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

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

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

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

更多玩法:

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

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

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

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

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

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

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

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

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

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

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

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

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

十八、最后叨叨

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

相关专题

更多
Codex AI 编程代理与智能开发工作流
Codex AI 编程代理与智能开发工作流

Codex 是一款超越传统代码生成的 AI 编程代理,致力于构建全生命周期的智能开发工作流。通过持久线程保留上下文,支持多智能体并行协作与后台自动化运维。借助沙箱权限控制、Plan/Steer 任务管理机制,Codex 既能自主拆解并执行复杂工程任务,又能让开发者牢牢掌控项目进程。从需求分析、编码测试到代码审查与部署,Codex 将 AI 深度融入研发全链路,极大提升了软件工程的交付效率与质量标准。

2026.05.26

374

10

Codex API集成与AI编程生态开发
Codex API集成与AI编程生态开发

Codex API 集成是构建下一代 AI 编程生态的核心基石,能通过 API 将强大的代码生成与推理能力无缝接入 VS Code、JetBrains 等主流 IDE 插件,还能将其深度嵌入 CI/CD 流水线,实现自动化的代码审查、单元测试生成与 Bug 修复。结合 Amazon Bedrock 等云平台的托管服务,企业可以灵活打造符合内部安全规范的专属 AI 编程助手。

2026.05.26

184

10

Codex 模型原理与AI软件工程进阶
Codex 模型原理与AI软件工程进阶

Codex 是基于通用大模型底座,通过海量代码语料与真实 Pull Request 进行专项微调的代码专用模型,能深度理解代码语法树与跨文件依赖,实现从自然语言到高质量工程代码的精准转化。在 AI 软件工程进阶中,Codex 推动了从提示词工程向“驾驭工程(Harness Engineering)”的范式跃迁。

2026.05.26

157

10

Codex AI编程工具新手指南
Codex AI编程工具新手指南

全面解析Codex AI编程工具的核心原理、功能特点与实际用途,提供适合新手的Codex入门教程、环境配置方法、代码生成演示与常见问题解答,帮助开发者快速掌握AI自动写代码能力,提升编程学习与开发效率。

2026.05.27

350

10

Codex Agent编程与自主开发能力调优专题
Codex Agent编程与自主开发能力调优专题

PHP中文网为您提供Codex Agent编程与自主开发能力调优专题。针对AI Agent全权委托开发模式,我们为您系统梳理了Harness Engineering(驾驭工程)核心理念,以及涵盖AGENTS.md规范编写、Skills技能配置、Worktree沙盒隔离与多Agent协作架构的实战指南。

2026.06.10

188

7

Aionclaw智能助手介绍
Aionclaw智能助手介绍

本专题汇总了AionClaw(AI龙虾助手)的功能介绍与在线使用入口。AionClaw是杭州趣猿人工智能有限公司推出的桌面级AI智能体,能直接在电脑上读写文件、运行脚本、操作浏览器,自动交付Word、PPT、Excel等成品。

2026.09.20

20

13

AionClaw AI智能体与电脑自动化任务执行功能使用教程
AionClaw AI智能体与电脑自动化任务执行功能使用教程

AionClaw专题整理AI智能体与电脑自动化相关功能使用教程,涵盖安装部署、AI任务执行、Skills技能、文件处理、浏览器控制、电脑操作、持久记忆、聊天工具连接以及办公、编程和内容创作等功能,帮助用户快速掌握AionClaw的实际使用方法。

2026.09.20

0

15

AI视频生成软件推荐
AI视频生成软件推荐

本专题汇总了当前主流的AI视频生成软件推荐与排行榜单,涵盖seko、AniShort、剧云、Lovart、LiblibAI及立刻mv等热门工具。同时整理了各软件在文生视频、图生视频、时长限制、画质表现及免费额度等方面的差异对比,助您快速选对适合创作需求的AI视频生成工具。

2026.09.16

180

9

ai生成视频的工具免费版合集
ai生成视频的工具免费版合集

本专题汇总了当前免费AI生成视频工具的排行榜与推荐清单,涵盖seko、讯飞智作、AniShort及剧云、Lovart等多模型集成平台。同时整理了各工具的免费额度、输出时长、水印政策及适用场景差异,助您快速选择合适工具开启AI视频创作。

2026.09.16

100

10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Codex 应用程序简介
Codex 应用程序简介

共0课时 | 148人学习

Codex官方文档
Codex官方文档

共0课时 | 0人学习

腾讯元宝使用手册
腾讯元宝使用手册

共0课时 | 0人学习