有了 Codex 和这几个 Skill,Logo 设计自由了

最近,我用 Codex 做完了一套 Logo。
从前期看产品、分析设计规范,到中间不断出方案、改方向,再到后面的启动图标、登录页和品牌图形延展,基本都交给 Codex 做了。
我没有自己动手画 Logo。
而且这次能把 Logo 设计完整交出去,中间有一个很关键的转折:
我给 Codex 安装了专门做 Logo 的 Skill。
普通的 Codex 可以帮我理解需求、读取 Figma、修改设计稿。
装上 SVG Logo Designer
和 brandkit 以后,
它才真正把 Logo 图形探索、矢量输出和品牌提案包装串成了一套完整流程。
有了 Codex 和这几个 Skill,Logo 设计自由了。
这里说的自由,不是 AI 随便生成几张图让我碰运气。
而是我不用再受执行速度、方案数量和软件操作的限制。
想换方向就重新做,觉得有潜力就继续扩展。每一种 Logo 表现形式都可以快速做出来,直接放在一起对比。方向定了,还能继续完成启动图标、登录页、尺寸规范和品牌延展。
我做的事情就是告诉它我要什么,看它给出的方案,然后继续说:
「这个创意还不错,但有点死板,再灵动一些。」
「这个不好,换个思路重新设计。」
「双逗号可以,试试收成一个逗号。」
「这个眼神有点呆,再改一版。」就这样,和 Codex 用日常的口吻聊天即可。
它推翻了书页、括号、墨滴、切口、LM 字母标和双逗号,最后慢慢收敛到一个单逗号。

— 最终收敛下来的单逗号 Logo
以前做 Logo,我需要自己找参考、画草图、调路径、做大小测试,再一点点放进不同场景里看效果。
现在这些工作,基本都可以直接交给 Codex。
我只需要判断这个方案好不好,然后告诉它接下来往哪里改。
01
CONTEXT
它不是在聊天框里给我生成几张图
很多人听到用 AI 设计 Logo,第一反应可能还是:
输入一段提示词,让 AI 生成几张图片,再从里面挑一张。
我要设计的是「灵墨 AI」的 Logo。
这是一款与剧本创作、剧本分析、AI 辅助创作有关的产品,而且已经有完整的 Figma 设计稿。
所以我没有直接对 Codex 说「帮我做一个高级的 Logo」,而是先把 Figma 链接发给它:
「通读这个链接 Page 1 中的所有 Frame,了解我的系统风格后,
帮我设计一个相匹配的 Logo、启动图标和登录页面。」Codex 先读取了整个 Page 1。
它分析了页面尺寸、颜色、字体、圆角、边框和控件风格。我的系统以黑白灰为主,整体简洁、克制,后面做出的 Logo、启动图标和登录页也都沿用了这套设计语言。
它不是脱离产品,单独给我生成一个看上去很炫的图。
它是直接进入我的 Figma 源文件,在原来的产品设计里做 Logo。
所有方案都直接留在 Figma 源文件里,是可以继续编辑的矢量图形,不需要下载图片再重新导入。
第一版不行,就让它继续换
Codex 做的第一版,是「打开的剧本加中央灵感墨点」。
打开的书页代表剧本,中间的墨点代表灵感、笔尖或者 AI。
这个创意一眼就能看懂。
Codex 还直接把它应用到了 App 启动图标和登录页里,并检查了 128px、64px、32px 下的识别效果。
但是我看完觉得,它太像阅读、图书或者知识类产品的通用图标了。
于是我直接说不行,让它换。
第二版,Codex 改成了「括号、墨滴和文本光标」。
两侧括号代表剧本格式,中间是墨滴,墨滴里的留白像正在输入的光标。
这版比书本更像数字产品,但看起来还是有点理性、偏硬。
我还是不满意。
如果以前是我自己设计,到这里我可能已经画了很久。
方向不合适,前面画的那些路径和细节,基本都白做了。
但 Codex 改方向很快,不好就换,没感觉就重新来一组,我不用再纠结前面的执行成本。
02
SKILLS
真正的转折,是我给 Codex 装了 Logo Skill
前两版没有达到我想要的效果,我就让 Codex 帮我找能做 Logo 的 Skill。
它找到了两个。
SVG Logo Designer:专门负责画 Logo
这个 Skill 更擅长制作可编辑的矢量 Logo,可以做图形标、文字标、字母标,也可以同时探索多个方向。
装上以后,它会更系统地处理:
图形概念
轮廓变化
负形关系
字母组合
黑白反转
32px 等小尺寸识别
可继续编辑的 SVG 矢量结构
brandkit:不只画图,还负责包装成品牌
另一个是 brandkit。
它不只做一个 Logo 图形,还可以继续做品牌概念、字体、颜色、尺寸规范和场景应用。
如果说 SVG Logo Designer 负责把 Logo 画出来,brandkit 更像是把这个 Logo 包装成一套可以汇报、比较和落地的品牌方案。
装好以后,我还是像平时说话一样给 Codex 提需求。
Codex 会自己根据任务调用这些 Skill:
SVG Logo Designer 负责设计 Logo 图形
brandkit 负责包装品牌方案
Figma 工具负责把结果直接做进源文件
cc-design 负责控制整体设计质感
「这次真正起作用的,不是单独一个 AI 工具,而是 Codex + Logo Skill + brandkit + Figma 的组合。」
我不需要分别打开几个工具来回操作。
只需要在 Codex 里继续说我想要什么。
以前换一个专业任务,可能意味着重新找一个工具。现在可以直接给 Codex 增加对应的 Skill。对话入口没有变,但执行任务的专业能力变了。
“这个有点死板”,它真的能听懂
安装 Skill 后,Codex 做了一个「场记切口」方案。
两侧结构代表剧本页面和内容边界,中间圆点代表 AI 介入、修改节点和版本留痕。
这个创意我觉得还不错,但第一眼看上去有点死板。
我就直接告诉它:
「这个 Logo 创意还不错,但给人一种死板的感觉,缺少灵动感,再优化优化。」
我没有告诉它具体哪个锚点移动多少,也没有自己动手调路径。
Codex 自己分析问题,把严格对称改成左右错位,把机械直角改成曲线收口,中间圆点也改成了向上扬起的墨滴。调整以后,图形有了翻页和向前推进的感觉。
我发现,和 Codex 沟通设计,不一定每次都要给它特别精确的执行指令。
有时我只需要告诉它我的感受:
太普通
太死板
不够灵动
和剧本联系不强
太像通用 AI 图标
眼神有点呆
它会判断问题可能出在哪里,再给出修改方案。我只需要看结果是否更接近想要的感觉。
一个方向不对,就让它彻底推翻
「场记切口」优化以后,我看了一会儿,还是觉得不对。
于是我继续说:
「这个 Logo 不好,换个思路重新设计。」Codex 没有继续修原来的切口,而是彻底放弃了前面的括号、墨滴和容器结构。
它重新从「编剧在做什么」出发,给了我三个方向:
1
一笔成戏
2
对白回声
3
分镜轨迹
「一笔成戏」用一条连续轨迹表达灵感进入故事、经历修改,再延伸到下一幕。
「对白回声」用对白符号表达角色关系、内容回应和 AI 协作。
「分镜轨迹」用分镜卡片和路径表达剧情顺序、场景转场和故事推进。
我觉得「对白回声」和「分镜轨迹」还不错,就让它沿着这两个方向再做几组。
很快,它又补出了对话环流、对话接力、回声递进、镜头叠化、剧情分支和下一幕。
这个过程已经很接近平时做设计提案了。先发散,再判断,然后围绕有潜力的方向继续细化。不同的是,亲手画出想法的执行过程可以交给 Codex。
03
PROCESS
从双逗号到一个逗号,我还是没有动手
看到「对白回声」以后,我突然想到,可以试试两个逗号。
逗号既像台词中的停顿,也像两个角色相互回应。
我就对 Codex 说:
「对白回声那个图案,用两个逗号试试。」它马上做了 4 种双逗号组合。
有前后错位的,有相向回应的,有回声曲线的,也有大小逗号负形嵌套的。
后来我又让它尝试 L、M 字母标,以及「剧本加 AI」的方向,它继续做了几何连字、一笔连写、场次游标、剧本神经和智能分镜。
这些方案有的被留下,有的很快被推翻。
最后,领导觉得逗号这个方向不错,但希望只保留一个逗号。
于是我继续告诉 Codex:
「把双逗号收成一个逗号。」Codex 先做了灵墨逗点、智能逗点、剧本停顿和墨迹停顿。
我又觉得里面的 AI 圆点、剧本文本线太多,就继续说:
「只优化逗号本身的轮廓,不要增加其他符号。」这一次,它只调整逗号的头部宽高、内弧开口、尾部长度和收尖方式。
最后做出了软方逗号、水滴逗号、折带逗号和对话逗号。
水滴逗号比较接近我们想要的感觉。
它既像逗号,也像墨滴,32px 下也能看清楚。
从双逗号到单逗号,再到轮廓精修,我依然没有自己动手画,只是不断判断并告诉 Codex 下一步改什么。
连 Logo 的表情,也可以继续让它改
确定逗号母形以后,我又开始觉得它的眼睛有点呆。
最开始,两只眼睛一样大、一样高,还一起正视前方,看上去特别木。
我对 Codex 说:
「这个逗号上的两个眼睛不要那么呆。」Codex 把两只眼睛做出大小差和位置错落,让瞳孔一起看向右上方。

— 调整视线方向和眼睛高低后,Logo 的神态开始变得更灵动
后来它又给我做了:
好奇侧望
机灵眨眼
亲和笑眼
专注凝视
回头侧目
我继续补充:
「表情带一些喜悦和灵感乍现的感觉。」它又做了笑眼灵光、抬眼想到点子、灵感眨眼和惊喜亮眼。

— 在逗号轮廓内部加入“喜悦和灵感乍现”的表情
这些方案全部放在原 Logo 右侧,原来的版本也都保留着。
我可以直接在 Figma 里横向比较,不满意就继续改。做到这里,Logo 也开始有了自己的品牌性格。
不只是 Logo,后面一整套也能交给它
Logo 方向确定以后,剩下的工作我也继续交给 Codex。
我让它把几个方案包装成正式品牌提案。
它给每个方案补了:
概念名称和创意说明
品牌定位
黑白反转
横向品牌组合
App 启动图标
96px、56px、32px 尺寸展示
登录页应用
安全区和小尺寸规范

— Codex 将 Logo 继续应用到飞书扫码登录页中
后来,我又让它围绕选中的 Logo 做一套图形延展。
它继续做了节奏纹样、回声轮廓、台词流线、超级图形、场景框景和生成序列。
这些图形可以直接用在登录页、启动页、空状态、品牌海报和产品插图里。
所以我说 Logo 设计可以交给 Codex,不只是让它随便生成一个图形。
从前期分析、方案探索,到后期规范和应用,它可以把一整套工作接下来。
∞
THE END
有了 Codex 和 Skill,Logo 设计自由了
这次做完以后,我觉得 Logo 设计真的可以交给装好了专业 Skill、并且能直接操作 Figma 的 Codex。不是让它一次生成完美答案,而是把它当成一个可以持续出方案、修改和落地的设计执行者。
你只需要做好三件事:
1
把产品和设计背景告诉它
2
判断当前方案哪里不对
3
明确下一轮要继续发散,还是开始收敛
剩下的画图、改路径、做变体、放进场景、检查尺寸、包装提案,都可以继续交给它。
这套工作流可以简单概括成:
1
Codex 读取产品和 Figma 设计规范
2
SVG Logo Designer 负责矢量 Logo 探索
3
brandkit 负责品牌概念和提案包装
4
Figma 工具把所有结果直接写入源文件
5
我通过对话继续选择、反馈和修改
以前脑子里有一个方向,还要自己画出来才能判断。现在直接告诉 Codex,它很快做出来,我负责看。不好就换,有感觉就继续扩展,方向确定了就往下做完整。
真正达到了不用动手,口喷做设计。
现在可以先把想到的方向做出来,再看哪个值得继续。不用因为已经画了很久而舍不得推翻,也不用因为执行成本高,提前放弃还没有被验证的想法。
这就是我说的 Logo 设计自由。
而且做出来的不是一张不能编辑的图片。
它就在我的 Figma 源文件里,后面还可以继续修改、继续应用、继续交付。
如果你平时也需要做产品 Logo,可以试着把这件事完整交给 Codex。
不要只让它生成一张图。
给它装上合适的 Logo Skill,再把 Figma、产品背景、设计规范和真实使用场景一起交给它,让它从设计到落地都做完。
有人可能会好奇,这些好用的 Skill 到底去哪里找。
其实有一个特别好用的方法,就是用「找 Skill 的 Skill」去找 Skill。
是不是有点套娃?
感兴趣的话可以在评论区留言。下一期,我把怎么找 Skill、怎么判断值不值得装,以及具体的安装方法完整分享出来。
END
我是盛夏,一名不断用 AI 重构设计流程的 UI 设计师。
如果你觉得今天这篇有收获,欢迎点赞、在看、转发三连,我们下篇见。