严波AIGC - 手拉手云 BizyAIR 画布编辑助手：开拍白板截图 + 多图参考提示词，一键出商业级效果图

写在前面

把三件事焊进同一个浏览器窗口

做设计的朋友一定遇到过这种需求：客户拿来一张地毯面料图、一张场景效果图，说"帮我把这块地毯铺到这个场景里，包边也要按这块面料来"。放在以前，你得开 PS 一点点抠图、变形、调光影，一张图折腾大半天。这个插件把流程压缩成了三件事：

画布

开拍（Kaipai）白板本身就是一块自由画布，把设计说明、参考图全摆上去，它就是你的工作台。

截图

插件在白板顶栏加了一个截图按钮，一键把画布截进侧边栏；还能拖本地图、粘贴 URL、网页右键发图，最多攒 10 张参考图。

出图

侧边栏里选模型、写提示词、回车，多密钥自动轮换批量出图，历史卡片管理结果，关掉面板任务也不丢。

Section 01 · 效果先看

学完你能得到什么

先上插件的全家福介绍图；再上本文案例的最终成品——把米色地毯替换进橙色地毯的场景里，光影、透视、包边全部自动处理，从输入提示词到出图只花了一分多钟。

BizyAIR 画布编辑助手功能介绍海报 — **插件介绍海报** · 功能一览与出图模型说明

插件使用总览：白板 + 侧边栏联动 — **使用总览** · 白板画布与侧边栏联动示意

最终生成的地毯替换效果图 — **最终成品** · 米色地毯替换完成，包边按参考图工艺呈现

Section 02 · 准备工作

只需要三样东西，都是免费的

准备项	获取方式	说明
Chrome 浏览器	google.cn/chrome	版本 ≥ 114（2023 年后的版本基本都满足）
BizyAir API 密钥	bizyair.ai 个人中心 → API 密钥	形如 `sk-xxxx` 的字符串，插件的"油钱"
插件源码文件夹	Gitee 仓库：https://gitee.com/bozoyan/BizyAIR_Chrome	克隆或下载后放在任意固定位置，别放桌面临时目录

密钥小知识：BizyAir 新用户有赠送额度，一个密钥额度用完了还可以多注册几个密钥一起导入——插件支持多密钥自动轮换，一个任务用一个密钥，失败自动换下一个重试，特别适合批量出图。

实践流程总览

安装插件
在 Chrome 里以"开发者模式"加载插件文件夹。
配置密钥
右键插件图标进「选项」导入 API 密钥。
布置画布
打开开拍白板，把设计说明和参考素材摆上画布。
投喂参考图
截图进侧边栏，再补齐 4 张参考图（image1 ~ image4）。
一键出图
选好模型、输入多图参考提示词，回车提交任务。
查看结果
在历史卡片里查看、下载成品图。

Step 01 · 安装插件

加载 + 固定，一分钟搞定

做什么：把插件文件夹装进 Chrome，并固定到工具栏方便日常使用。

打开 Chrome 扩展程序管理页 — **1-1** · 地址栏输入 chrome://extensions，或点拼图图标 →「管理扩展程序」

**1-2** · 打开右上角「开发者模式」→ 点「加载已解压的扩展程序」选插件文件夹

固定插件到工具栏 — **1-3** · 点工具栏拼图图标，给「BizyAIR Studio 画布编辑助手」点上图钉固定

预期看到什么：工具栏常驻一个 BizyAIR 的紫色图标；扩展管理页里插件显示「BizyAIR Studio 画布编辑助手 1.1.1」，没有红色"错误"按钮。

Step 02 · 配置密钥

给插件加油

做什么：把 BizyAir 官方申请的 API 密钥导入插件，让出图功能有"油钱"。

右键插件图标选择选项 — **2-1** · 右键工具栏插件图标 → 点「选项」，打开密钥管理页

BizyAir 个人中心进入 API 密钥页 — **2-2** · 新标签页访问 bizyair.ai 登录 → 头像 →「API 密钥」

复制 API 密钥 — **2-3** · 在 API 密钥页复制你的密钥（sk- 开头的一长串）

粘贴密钥并导入查看余额 — **2-4** · 回到密钥管理页粘贴（一行一个）→「导入」→「查询余额」

预期看到什么：密钥列表出现你的 sk-za**** 样式的条目和余额数字；低于 3 美元自动标红，可一键移除。页面底部还能设置「默认模型 / 分辨率 / 比例」，本案例后面会换成 Nano Banana 2.1。

Step 03 · 布置画布

白板就是工作台

做什么：打开开拍白板，把设计说明和参考素材摆上画布。点工具栏插件图标，插件会自动打开侧边栏 + BizyAir playground + 开拍白板三个页面；在白板上把橙色地毯场景图、米色地毯面料图、面料包边特写图摆好，并在旁边写好文字说明（告诉 AI 谁替换到谁、包边参考谁）。

白板画布上布置设计说明与参考素材 — **3-1** · 白板上摆好素材与文字说明；注意顶栏多出的**相机图标**——插件注入的截图按钮

预期看到什么：白板顶栏出现相机按钮；点击它一键截取白板正文区（自动裁掉四周参数面板和按钮），截图直接进侧边栏并复制到剪贴板。

Step 04 · 投喂参考图

四张图对应 <image1> ~ <image4>

做什么：把 4 张参考图按顺序放进侧边栏图片槽。图片槽支持 5 种进图方式——插件截图、本地拖拽、粘贴图片、粘贴 URL、网页图片右键「发送图片到 BizyAIR 画布助手」，最多 10 张。顺序很重要——提示词里的 <image1> 对应槽里第 1 张，以此类推。

image1 设计说明画布截图 — **image1** · 设计说明（画布截图）——摆好素材、写好文字说明的任务书

image2 参考效果图风格橙色地毯场景 — **image2** · 参考效果图风格——保留它的构图、光影、人物姿态和排版文字

image3 地毯面料参考图米色地毯 — **image3** · 要替换进去的米色地毯——AI 从这张图提取面料纹理

image4 地毯面料包边参考图 — **image4** · 包边工艺特写——新地毯的包边要参考它

预期看到什么：侧边栏图片槽按顺序排好 4 张缩略图（1.1.1 版本起缩略图走 OSS 直链，加载更快）。

Step 05 · 一键出图

一句提示词，静候一分钟

做什么：顶栏模型下拉选 Nano Banana 2.1（多图参考替换任务里它的理解力和还原度最好），分辨率 2k、比例 9:16，在底部输入框粘贴提示词，回车提交。

侧边栏选择模型并输入提示词 — **5-1** · 侧边栏选 Nano Banana 2.1 → 图片槽放好 4 张图 → 粘贴提示词回车

最终生成效果图米色地毯替换完成 — 成品 · 米色地毯完美替换进原场景，包边按 image4 的工艺呈现，光影透视毫无违和

本案例提示词 · 可直接复制

按照<image1>的设计说明，参考<image2>，<image3>，<image4>。帮我生成一张将<image3>中的地毯替换到<image2>的图，新生成的面料包边参考<image4>。

预期看到什么：聊天区出现一张正在读秒的任务卡片；大约 1~2 分钟后卡片变成成品图。关掉侧边栏任务也不会丢——后台继续出图，完成后弹系统通知，重开侧边栏直接看结果。

完整操作视频（照着做一遍最快）

视频 · 使用教程视频（完整操作演示） · 也可点此下载

FAQ · 踩坑记录

常见问题

Q1白板顶栏没有出现截图按钮？

确认页面地址在开拍的 /whiteboard 路由下；从站内其他页跳转进来的话刷新一次页面即可（content script 需要页面刷新才会注入）。

Q2点发送提示"未配置 API 密钥"？

先去第二步把密钥导入。密钥要以 sk- 开头，一行一个；导入后记得点「查询余额」确认密钥有钱。

Q3提示词里的 <image1> 是不是要手动改成图片地址？

不用。图片槽里第几张图就对应 <image几>，插件提交任务时自动把槽里的图按顺序传给模型。你只需要保证图片顺序和提示词编号对得上。

Q4任务卡片一直转圈不出图？

超过 15 分钟会自动超时。多数情况是密钥余额不足或网络波动——插件会自动换下一个密钥重试一次；如果全部密钥都没额度，去密钥管理页补几个新密钥。

Q5截图 / 图标显示异常？

三连招：扩展管理页点插件卡片上的「更新」刷新按钮 → 刷新白板页 → 重开侧边栏，确保跑的是最新文件。

Section 06 · 小结

画布即工作台

到这里，整个流程就跑通了。这个案例最省心的地方在于：画布即工作台——设计说明、参考图、文字标注全摆在一张白板上，截图一键变 <image1>，剩下的就是组织好提示词里的"谁参考谁、谁替换谁"。

不足也有：多图参考任务对图片顺序比较敏感，顺序放错结果就会牛头不对马嘴；另外批量任务目前是串行执行的，一次挂几十个任务要排队。下一步我打算把常用的提示词模板做成预设，让小白连提示词都不用写。如果这篇文章帮到了你，欢迎在魔搭社区点赞收藏；插件用出花样了也欢迎在评论区晒图。

模型信息

项目	说明
模型	Nano Banana 2.1（BizyAir 模型库，多图参考编辑）
调用通道	BizyAir OpenAPI modelzoo 引擎，插件内模型 ID `nano-2-1`
插件版本	BizyAIR Studio 画布编辑助手 v1.1.3

本项目基于 BizyAir 社区 API 与 ModelScope 魔搭社区生态开发，感谢社区提供模型与算力支持。