产品经理也能 AI 绘图?Free AI Courses Nano Banana 模块入门
【免费下载链接】free-ai-coursesInteractive course teaching Product Managers how to use Claude Code effectively项目地址: https://gitcode.com/GitHub_Trending/cl/free-ai-courses
Free AI Courses是一款面向产品经理的开源互动课程,其中Nano Banana 模块教你在 Claude Code 中调用 Google Gemini 3 Pro 图像模型进行AI 绘图——不写一行代码,就能生成用户画像、旅程地图、线框图和发布海报,整套课程花费不到 5 美元。
这个模块到底教什么?
在大多数人的印象里,AI 绘图是设计师的专属技能。而这个模块的思路完全不同:把 AI 绘图变成产品经理的标准工作流。
你不需要会 Photoshop,也不需要记住复杂的绘图提示词语法。课程的核心是:
- 🔧会说话就会生成:用自然语言描述需求,Claude Code 自动处理 API 调用、参数选择、文件保存
- 📁输出自动管理:所有生成结果自动存入
outputs/文件夹,并起好有语义的文件名 - 🎨可复用的风格库:把好用的风格沉淀成"风格数据库",随时说"用风格 #3"即可复用
学完这个模块,你能独立产出的素材包括:
| 素材类型 | 典型用途 |
|---|---|
| 用户画像人像 | 需求评审、Pitch Deck |
| 用户旅程地图 | 展示用户痛点与关键节点 |
| 手绘风线框图 | 快速沟通页面结构 |
| 架构与策略图 | 汇报产品架构、竞争框架 |
| 营销发布素材 | App Store 图、社交媒体海报 |
模块的完整资料位于 course-materials/lesson-modules/3-nano-banana/,官方课程页见 website/pages/nano-banana/setup.mdx。
快速上手:获取课程与配置 API Key
整个环境准备只需 3 步,约 5 分钟:
- 克隆课程仓库:
git clone https://gitcode.com/GitHub_Trending/cl/free-ai-courses - 申请 API Key:在浏览器打开 Google AI Studio,按左侧导航"Get API Key"创建密钥(以
AIza...开头),并按提示设置计费 - 写入本地配置:复制
.env.example为.env,填入GEMINI_API_KEY=你的密钥
费用方面不用担心:Gemini 3 Pro 每张图约 0.10 美元,学完整个模块的总花费不到 5 美元。所有 API 逻辑都封装在现成脚本 image_gen.py 中,全程由 Claude Code 代劳。
第一课:生成你的第一张 AI 图片
配置完成后,在 Claude Code 中输入/start-3-1-1即可开始第一课(教学脚本见 3.1.1-welcome/CLAUDE.md)。
课程用一个很"上头"的开场演示:把课程作者 Carl 的参考照片,通过一句提示词变成"穿香蕉服欢迎你"的形象图,10-15 秒出图。这个演示直观展示了 Nano Banana 最有价值的两个能力:
- 参考图转换:基于真实照片生成新画面,且人物依然可辨认
- 文生图:纯文字描述即可生成高质量图片
接下来在 3.1.2-basics/CLAUDE.md 中,课程会带你理解几个核心参数,但都是"自然对话"式的:
- 画幅比例:1:1(社媒头像)、16:9(演示文稿)、9:16(手机海报)等
- 分辨率:1K 用于快速迭代草稿,2K 用于最终交付
- 迭代编辑:不满意不用重来,直接说"把背景改成暖色调",模型会带着上下文继续修改
AI 绘图四条黄金法则
3.1.3-style/CLAUDE.md 这一课是精华,用"左右对比"的方式教你写出专业的 AI 绘图提示词:
- 迭代,而非重滚:图片 80% 对了,就让它改剩下的 20%,而不是重新生成
- 用自然语言:像给设计师下需求一样写完整句子,别用"标签堆砌"
- 具体到细节:主体、场景、光线、氛围、材质——写得多,模型接得住
- 交代上下文:告诉它"为什么画、给谁看",模型会做出更聪明的创意决策
这一课还会演示参考图的用法:把一张你喜欢的风格图喂给模型,让它用同样的视觉语言画完全不同的主题。下面这张课程内置的参考图,就是用来演示"大胆动感的落地页风格"的:
进阶技巧是多参考图混用:一张管风格,几张管主体,让生成结果既统一又准确。
风格库:让好风格随叫随到
3.1.4 风格数据库模块 教你搭建个人"创意工具箱":
- 课程附带一个本地可视化风格库 style-library.html,每种风格都有编号、缩略图和完整提示词
- 之后只需说"用风格 #3",Claude Code 自动调用对应风格
- 还能用 style_extract.py 从任意图片中反向提取风格,存进你的库
这正是普通用户和"高手"的分界线:高手不是每次都从零开始,而是有一个不断增值的风格资产库。
产品经理实战:四类高频视觉素材
3.2 系列用虚构公司 TaskFlow 的完整故事线,把前面所有技能落到真实 PM 场景里。场景是:你要向管理层提案一款面向制造行业的新移动端 App,需要在几小时内备齐整套 Pitch 素材。
1️⃣ 用户画像人像(3.2.1-users-product):一段人物描述,即可生成"谁是我们服务的对象"那张关键幻灯片:
2️⃣ 用户旅程地图:自动把"注册→激活→留存"各阶段的动作与指标画成一张清晰的流程图:
3️⃣ 手绘风线框图:不用 Figma,直接生成带批注的手绘风界面草图,和工程师、设计师沟通页面结构一目了然:
4️⃣ 策略图与营销素材:3.2.2-strategy-architecture 教你生成架构与竞争框架图;3.2.3-marketing 则一键产出 App Store 首图、产品发布海报等上线物料:
学习路径与核心文件速查
| 学习顺序 | 内容 | 资料位置 |
|---|---|---|
| 3.1.1 | 配置 Key + 首张图 | CLAUDE.md |
| 3.1.2 | 比例、分辨率、迭代 | CLAUDE.md |
| 3.1.3 | 黄金法则 + 参考图 | CLAUDE.md |
| 3.1.4 | 风格数据库 | CLAUDE.md |
| 3.2.1-3.2.3 | PM 实战素材 | 3.2-pm-use-cases/ |
💡一句话总结:Nano Banana 模块的价值不在于"会画图",而在于帮你建立一套可复用、可积累的 AI 创作流水线——这才是产品经理的差异化竞争力。
【免费下载链接】free-ai-coursesInteractive course teaching Product Managers how to use Claude Code effectively项目地址: https://gitcode.com/GitHub_Trending/cl/free-ai-courses
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考