3:4 竖版小红书封面,含吸睛大标题 + 副标题 + 装饰图形,符合小红书审美。
做一个 1080×1440 的小红书封面(3:4 比例)。
背景用粉色渐变 #ffe0ec 到 #ffc0d9。
顶部大标题"5个懒人早餐食谱"(白色,72号加粗,居中),加阴影。
下面一行副标题"5分钟搞定 · 营养又好吃"(白色,28号)。
中间放一个白色圆角矩形卡片(800×600)。
卡片里加 5 个序号圆点(粉色 #ec4899)配 5 个菜名:
1. 香蕉燕麦碗 2. 鸡蛋三明治 3. 牛奶玉米片 4. 红豆吐司 5. 蔬菜蛋饼
底部加"@美食日记"和日期标签。
导出 PNG,scale=2。
canvas.setSize
object.addRect
object.addCircle ×5
object.addText
export.image
设计要点:标题字要大(≥60px)、配色要温柔(粉/蓝/绿/黄)、留白多、加 emoji 提升亲和力、卡片背景用圆角。
配色:粉红渐变 + 白色文字 + 玫红强调色。
立即打开编辑器 →
淘宝/京东商品主图(800×800),含商品图 + 卖点文字 + 价格角标。
做一个电商主图 800×800,背景白色。
左上角加红色圆角促销角标"5折"(红色 #e74c3c 背景,白色文字,36号加粗)。
中间放商品图(用 https://example.com/product.png,缩放到 400×400 居中)。
商品下方加大号卖点"超长续航 30 天"(黑色,48号加粗居中)。
卖点下面一行小字"无线蓝牙耳机 · 主动降噪 · 立体声"(灰色,20号居中)。
底部价格区:红色大字"¥199"(48号加粗)旁边加灰色删除线"¥399"(24号)。
右下角加品牌 logo 文字"SoundPro"。
导出 PNG,scale=2。
canvas.setSize
object.addImage
object.addText
object.addRect
export.image
设计要点:主图商品占画面 50%+、卖点要简短有力(5-7字)、价格用红+灰对比、角标放左上角抓眼球。
配色:白底 + 红色促销 + 黑色卖点 + 灰色辅助。
立即打开编辑器 →
微信公众号封面图 900×383(2.35:1),适合文章头图。
设计一张公众号封面 900×383,背景深蓝色渐变 #1e3a8a 到 #3b82f6。
左侧放主标题"AI 时代的效率指南"(白色,56号加粗)。
主标题下面加副标题"7 个工具,让你的工作效率翻倍"(白色半透明 rgba(255,255,255,0.8),22号)。
右侧放一个半透明白色圆形(直径 200,放在右上角作装饰)。
左下角加"→ 点击阅读全文"(白色,18号)。
导出 PNG,scale=2。
canvas.setSize
canvas.setBg
object.addText
object.addCircle
export.image
设计要点:标题字号 ≥ 48px、深色背景 + 白色字最稳、留 100px 安全边距(手机缩略图会裁切)、左对齐比居中更稳重。
配色:深色背景 + 白色文字 + 单一强调色。
立即打开编辑器 →
朋友圈分享海报(1080×1080),适合节日祝福、心情分享、活动宣传。
做一个朋友圈海报 1080×1080,背景米白色 #fef9f3。
顶部加日期"2026.07.26"(灰色 #9ca3af,20号,居中)。
中间大字"今日宜 · 慢生活"(黑色 #1f2937,96号加粗,居中)。
下面一行小字"一杯咖啡,一本书,一个下午"(灰色 #6b7280,28号,居中)。
底部加一个细线分隔(黑色 1px,宽 200)。
最底部加签名"@你的名字"(灰色,18号居中)。
整体留白多,字体用衬线体(如 Georgia)。
导出 PNG,scale=2。
canvas.setSize
object.addText
object.addLine
export.image
设计要点:朋友圈海报极简最有质感、字数少、留白多、避免花哨装饰、用衬线体提升格调。
配色:米白 + 黑色 + 灰色,最多加一个点缀色。
立即打开编辑器 →
标准名片尺寸(90×54mm,按 300dpi 即 1063×614px),含姓名/职位/联系方式。
设计一张商务名片 1063×614(90×54mm @300dpi),背景白色。
左侧加一个深蓝色竖条(宽 200,深蓝 #1e3a8a,占满高度)。
竖条里放白色品牌字母"ZD"(48号加粗居中)。
右侧主区域加:
姓名"张明"(黑色,36号加粗,距顶部 80)
职位"产品总监 · ABC 科技"(灰色 #6b7280,18号,紧贴姓名下方)
中间加一条细灰色横线(宽 400,1px)。
下半部分放联系方式:
电话 138-0000-0000 / 邮箱 zhang@abc.com / 地址 北京市朝阳区
全部 16号字,深灰 #374151。
导出 PNG,scale=3 用于印刷。
canvas.setSize
object.addRect
object.addText
object.addLine
export.image
设计要点:名片不要塞满,留 30% 空白;字体不要超过 2 种;颜色不超过 3 种;电话/邮箱用 mono 字体更专业。
印刷:scale=3(≈300dpi),背景不要透明。
立即打开编辑器 →
A5 竖版婚礼邀请函,含新人姓名、日期、地点,浪漫优雅风格。
设计一张婚礼邀请函 595×842(A5 竖版),背景浅米色 #fdf6e3。
顶部加一行小字" Wedding Invitation"(深棕 #8b4513,18号衬线居中)。
中间留白后加大字"我们结婚啦"(深棕 #5c3317,48号衬线居中)。
下面加新人名字"李明 & 王芳"(深棕,36号居中)。
名字下加一行小字"诚邀您共赴我们的婚礼"(灰色 #6b7280,18号居中)。
再下面加日期"2026 年 10 月 18 日 · 星期日"(深棕,20号居中)。
最后加地址"北京·朝阳区·某某酒店"(灰色,16号居中)。
四角加细小花朵装饰(用 emoji 或简单圆形点缀即可)。
导出 PNG,scale=2。
canvas.setSize
canvas.setBg
object.addText
object.addCircle
export.image
设计要点:邀请函用衬线体最显气质、米色/白色背景更优雅、字间距要适当增加、避免使用红绿等强对比色。
配色:米色 + 深棕 + 灰色,最经典。
立即打开编辑器 →
A4 竖版简历,左右分栏布局:左侧基本信息,右侧经历。
设计一份 A4 简历 595×842,背景白色。
左侧 200px 宽的深蓝色背景栏 #1e3a8a。
栏顶部放头像(用圆形占位,灰色背景,直径 120,居中)。
栏中放个人信息:
姓名 张明 / 28岁 / 电话 138-0000-0000 / 邮箱 zhang@email.com / 北京
全部白色文字,14号。
栏底部加"技能"标题(白色加粗 18号),下面列 5 项技能:
• Python • JavaScript • SQL • Figma • 英语六级
右侧主区域:
顶部加姓名"张明"(深蓝 #1e3a8a,36号加粗)和职位"全栈工程师"(灰色,20号)。
下面分三个区块:
【教育背景】2018-2022 XX大学 计算机科学 本科
【工作经历】2022-至今 ABC科技 全栈工程师
- 负责公司核心系统开发
- 主导 3 个项目从 0 到 1
【项目经验】电商系统 / 数据可视化平台
每个区块用深蓝色小标题(18号加粗),内容黑色 14号。
导出 PNG,scale=2。
canvas.setSize
object.addRect
object.addCircle
object.addText ×15+
export.image
设计要点:简历一页纸最专业、字号 11-14pt、左右分栏更现代、避免花哨颜色、用 bullet point 不用段落。
排版:左侧深色侧栏 + 右侧白底主内容 = HR 最爱。
立即打开编辑器 →
节日营销海报(800×1200),适合春节/中秋/圣诞等节日促销。
设计一张春节促销海报 800×1200,背景红色渐变 #c0392b 到 #922b21。
顶部加大字"新春大促"(金色 #f1c40f,96号加粗居中)。
下面一行"全场 5 折 · 满 200 减 50"(白色,36号居中)。
中间放一个金色圆形(直径 300,描边 8px)。
圆里加大字"福"(金色 #f1c40f,120号加粗居中)。
圆形下方加促销商品图标(用占位圆形和方形即可,4 个商品 2×2 排列)。
底部加日期"2026.02.10 - 02.16"和店铺名"XX 旗舰店"(白色,20号)。
四角加金色花纹装饰(简单几何图形即可)。
导出 PNG,scale=2。
canvas.setSize
canvas.setBg
object.addText
object.addCircle
object.addRect
export.image
设计要点:节日海报颜色要浓烈(红/金/绿)、文字大而醒目、福字/花纹做点缀、促销信息放显眼位置。
配色:红 + 金 = 春节 / 红 + 绿 = 圣诞 / 蓝 + 白 = 中秋。
立即打开编辑器 →
通用折扣促销海报(800×1200),适合限时折扣/秒杀/团购。
做一个折扣海报 800×1200,背景黄色渐变 #f39c12 到 #e67e22。
顶部加倒计时样式"⏰ 仅剩 24 小时"(白色,32号居中加阴影)。
中间放超大折扣"5 折"(白色,240号加粗居中,加阴影)。
折扣下面加"限时秒杀 · 抢完即止"(白色,36号居中)。
下面加 4 个商品卡片(2×2 网格,每张 300×200,圆角 12px,白色背景):
每张卡片含:商品名 + 原价(删除线)+ 现价(红色 #e74c3c)
示例:商品A ¥199→¥99 / 商品B ¥299→¥149 / 商品C ¥99→¥49 / 商品D ¥599→¥299
底部加大按钮"立即抢购"(红色 #e74c3c 背景,白色文字,圆角 50px,padding 16px 60px)。
导出 PNG,scale=2。
canvas.setSize
object.addRect
object.addText ×12+
batch.add
export.image
设计要点:折扣数字要超大(200px+)、用倒计时制造紧迫感、按钮要醒目可点击感、商品卡片排齐网格。
配色:黄/橙背景 + 红色 CTA + 白色文字 = 促销黄金组合。
立即打开编辑器 →
知识付费课程封面(1280×720 16:9),适合得到/小报童/知识星球。
做一个知识付费课程封面 1280×720,背景深紫色渐变 #4c1d95 到 #6d28d9。
左侧 60% 区域放主标题:
主标题"AI 副业变现指南"(白色,72号加粗左对齐,距左 80)
副标题"从 0 到月入过万的实操路径"(白色半透明 rgba(255,255,255,0.85),28号左对齐)
讲师"by 老王 · 8 年互联网从业者"(白色 70% 透明,20号左对齐,放在副标题下方 60)
右侧 40% 区域放装饰:
一个大圆(直径 280,白色半透明 rgba(255,255,255,0.1),描边 2px 白色)
圆里加文字"7 节课"(白色 56号加粗居中)
下面小字"每天 30 分钟"(白色 18号居中)
底部加一条进度条样式(宽 1120 高 8 圆角 4,紫色 #374151 背景,里面填 30% 暖色 #fbbf24)。
导出 PNG,scale=2。
canvas.setSize
canvas.setBg
object.addText
object.addCircle
object.addRect
export.image
设计要点:课程封面要"权威感"(深色+亮色点缀)、讲师信息要醒目、价格/节数用大数字突出、避免幼稚元素。
配色:深紫/深蓝 + 金色点缀 = 知识感。
立即打开编辑器 →
线下活动/Meetup 海报(1080×1350 4:5),适合分享会/沙龙宣传。
设计线下活动海报 1080×1350,背景深绿色 #064e3b。
顶部加活动类型标签"TECH MEETUP"(黄色 #fbbf24,18号加粗,加 2px 黄色边框矩形)。
中间放主标题"前端工程师沙龙"(白色,72号加粗居中)。
下面副标题"探索 2026 前端新趋势"(白色 80% 透明,28号居中)。
再下面加嘉宾介绍区(白色背景圆角卡片 900×360,距顶部 500):
卡片顶部加"🎤 分享嘉宾"小标题(深绿色 #064e3b,20号加粗)
下面列 2 位嘉宾:
张三 · 字节前端架构师《React 性能优化》
李四 · 美团高级工程师《微前端实战》
全部黑色 18号,每位嘉宾独占一行。
卡片下方加活动信息:
📅 2026.08.15 周六 14:00-17:00
📍 北京·朝阳区·某某咖啡 3 楼
👤 限 50 人 · 免费报名
全部白色 22号居中。
底部加报名二维码占位(白色 200×200 矩形 + "扫码报名"白色 18号字)。
导出 PNG,scale=2。
canvas.setSize
canvas.setBg
object.addText ×8+
object.addRect
export.image
设计要点:活动海报要"信息全"(时间地点嘉宾都清晰)、深色背景配亮色标签更高级、嘉宾信息用卡片分组、二维码放底部。
配色:深绿 + 黄色标签 + 白色文字 = 科技沙龙风。
立即打开编辑器 →
💡 高级技巧
🎯 技巧 1:批量生成多尺寸
做一个主设计后,让智能体自动生成多尺寸版本:
基于当前设计,用 resize.generate 生成以下尺寸的新页面:
- 小红书封面 1080×1440(3:4)
- 朋友圈 1080×1080(1:1)
- 公众号头图 900×383(2.35:1)
- 海报 800×1200(2:3)
然后逐个 page.switch + export.image 导出。
🎨 技巧 2:应用品牌套件一键换色
把整套设计的颜色和字体一键改为品牌色:
把当前设计应用品牌套件:
1. 主色改为品牌色 #1677ff
2. 副色改为品牌副色 #52c41a
3. 所有文字字体改为 Microsoft YaHei
4. 价格/促销保留红色(不动)
用 brand.applyPalette + brand.applyFont 完成。
✨ 技巧 3:用 AI 生成 SVG 路径
让智能体自己生成 SVG path 字符串添加到画布:
我想要一个装饰性波浪线条,从画布左边到右边。
请生成 SVG path 字符串(带 3-4 个波峰),用 object.addPath 添加到画布。
描边颜色 #6366f1,宽度 3px,无填充。
放在画布 y=400 的位置。
🔄 技巧 4:批量替换图片
模板做好了,要为 10 个不同产品生成 10 张图:
我要给 10 个产品批量生成主图。
- 模板里的产品图 id 是什么?用 query.objects 查找 type=image
- 然后遍历以下产品 URL 列表,依次 image.replace + export.image:
["product1.png", "product2.png", ... "product10.png"]
- 文件名用产品名命名。
📐 技巧 5:用 PathText 做路径文字
让文字沿弧形/曲线排列:
用 draw.addPathText 生成沿弧线排列的文字:
- SVG path: "M 100 300 Q 400 100 700 300"(一个向上的弧)
- 文字: "Welcome to Simple Design"
- 字号 28,颜色 #6366f1
- 不显示底层路径(showPath: false)
❓ 常见问题
Q1: 必须用 Claude 吗?其他 AI 能用吗?
任何支持 MCP 协议的智能体都可以用,包括 Claude Desktop、Cursor、Trae、Windsurf、WorkBuddy、扣子本地版。不支持 MCP 的智能体(如 ChatGPT 网页版)可以用 HTTP API。
Q2: 智能体画完觉得不好看怎么办?
可以直接告诉智能体"标题再大一点""颜色改成蓝色""留白多一点",它会自动调整。也可以手动微调:直接在编辑器里拖拽改字。
Q3: 提示词能改吗?
完全可以!把"中餐厅"改成"咖啡店""日料店"都能用,把尺寸改成你想要的任意值,把颜色换成你的品牌色。智能体会按你的描述自动调整。
Q4: 生成的图能商用吗?
可以。生成的图片归你所有,无版权限制。网站完全免费,唯一盈利点是下载时的广告展示。
Q5: 浏览器必须开着吗?
是的。Bridge 是本地中介进程,浏览器开着 aipcbj.cn 编辑器才能操作画布。导出图片后可以关闭浏览器。
Q6: 不会装 Node.js 怎么办?
下载 Bridge 工具包后,双击 start-bridge.bat(Windows)或运行 start-bridge.sh(Mac/Linux),脚本会自动引导。后续会推出单文件可执行版(无需 Node.js)。