Nano Banana（Figma / FigJam 插件）

概述

Nano Banana 是 Codia 官方的 Figma / FigJam 插件，把 AI 图像的「探索—生成—转设计」三个动作放到一个面板里：浏览灵感瀑布流、用提示词生成新图像、再把喜欢的图一键插入画布或直接转换为可编辑的 Figma 图层。

适用场景

• 设计开稿前寻找灵感与参考图
• 为 FigJam 白板快速补充插画、图标、氛围图
• 用 AI 生成封面图 / banner / 头像，并直接插入 Figma
• 把 AI 生成的海报图转成可编辑图层继续在 Figma 深化

安装

1. Figma Plugins → Find more plugins（FigJam 中同样可搜索）
2. 搜索 Codia AI: Nano Banana
3. 点击 Run，使用 Codia 账号登录

主要功能

插件界面底部有三个 Tab：

1. Explore（灵感瀑布流）

• 浏览精选 AI 图像，支持顶部关键词搜索
• 点击图片查看详情，可插入到 Figma
• 对海报 / UI 类素材可选择转换为可编辑设计（图层、文字、形状拆开）
• 插入时会自动请求合适尺寸的图，避免画布过大

2. AI Generate（AI 生成）

• 文本提示词生成图像，支持多种比例与风格
• 生成历史保留在画廊，可多次插入同一张图
• 同样支持把生成结果转成可编辑 Figma 图层

3. My Creations（我的作品）

集中展示你历史生成和探索过的图像，方便复用已有素材。

使用额度

• 生成次数与转换次数与 Codia AI 账号共享
• 免费账户有每日 / 每月上限；Pro 账户显著放宽
• 触达上限时面板会提示升级

最佳实践

• 使用英文提示词：当前模型对英文描述更敏感
• 先探索再生成：Explore 中搜关键词看看有没有现成素材，能省一次生成
• FigJam 头脑风暴：在白板上用 Nano Banana 随手生成情绪板
• 关键元素锁定分辨率：插入前在详情页切换到高分辨率版本

常见问题

生成失败或很慢？

检查网络，确认 Figma / 插件可访问外部域名（manifest 需要 allowedDomains: *）。高峰期可能排队。

插入图片后模糊？

Explore 中默认使用缩略图，点击「插入大图」或「转换为设计」获取原始分辨率。

Figma 和 FigJam 都能用吗？

是。插件 manifest 同时声明了 figma 和 figjam 两个 editorType。

转设计和 Screenshot to Design 有什么区别？

Nano Banana 的转设计是对自家生成/挑选的图像直接走图转设计管线；Screenshot to Design 则针对任意截图文件。

下一步

• 继续转代码：Design to Code
• 其他图像入口：Screenshot to Design、Image to SVG

---

Codia AI — Anything to Design, Anything to Code