产品经理也能 AI 绘图?Free AI Courses Nano Banana 模块入门
2026/9/18 4:49:07 网站建设 项目流程

产品经理也能 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 分钟:

  1. 克隆课程仓库git clone https://gitcode.com/GitHub_Trending/cl/free-ai-courses
  2. 申请 API Key:在浏览器打开 Google AI Studio,按左侧导航"Get API Key"创建密钥(以AIza...开头),并按提示设置计费
  3. 写入本地配置:复制.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 绘图提示词:

  1. 迭代,而非重滚:图片 80% 对了,就让它改剩下的 20%,而不是重新生成
  2. 用自然语言:像给设计师下需求一样写完整句子,别用"标签堆砌"
  3. 具体到细节:主体、场景、光线、氛围、材质——写得多,模型接得住
  4. 交代上下文:告诉它"为什么画、给谁看",模型会做出更聪明的创意决策

这一课还会演示参考图的用法:把一张你喜欢的风格图喂给模型,让它用同样的视觉语言画完全不同的主题。下面这张课程内置的参考图,就是用来演示"大胆动感的落地页风格"的:

进阶技巧是多参考图混用:一张管风格,几张管主体,让生成结果既统一又准确。

风格库:让好风格随叫随到

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.3PM 实战素材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),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询