必须在单个frame内完整展示全部内容,禁止分页、滚动截断或多frame;画布尺寸375×1800px,底部预留120px空白;按三分网格布局:顶部放品牌与产品名,中部居中主图,底部左对齐功效文案、右下锚定cta按钮。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

你需要在Figma中用AI生成美妆产品详情页的主图或场景图,但每次输出不是太长导致截图困难,就是比例错乱无法适配手机竖屏展示,甚至关键卖点区域被AI自动裁切——这说明提示词缺乏对输出篇幅与格式的硬性约束机制。
强制单页完整展示全部信息
多数美妆详情页需在首屏完成品牌调性、核心功效、成分可视化、使用前后对比四大模块呈现,若AI自由分页,会把“使用前后”切到第二页,破坏用户动线。
在Figma AI插件(如Make Designs或Stitch)的Prompt输入框顶部第一行写入:【必须在单个Frame内完整展示全部内容,禁止分页、禁止滚动截断、禁止自动生成多Frame】。
紧接着换行,明确尺寸指令:“输出画布尺寸为375×1800px(iOS标准竖屏+足够留白),所有图文元素严格限制在此范围内,底部预留120px空白区供后续添加悬浮按钮”。
这一步不加该约束时,AI默认按“视觉舒适度”拆解内容,常将“成分解析图”单独成页,导致你必须手动拼接,且拼接后比例失真。
绑定美妆类图像的结构化描述模板
方法一:五要素填空式提示词(推荐新手)
按“用途+主体+细节+风格+约束”顺序组织,例如:
“美妆App详情页首屏主图,用于展示‘玫瑰玻尿酸精华液’;主体为平铺于浅杏色丝绒布上的产品瓶+滴落中的精华液特写+左侧微距水分子结构图;细节包含瓶身浮雕LOGO、液滴透明度渐变、丝绒布纹理可见、右下角带‘24H锁水+98%渗透’标签;柔焦棚拍风格,主光来自左上45°,背景纯白无影;禁止出现模特、禁止文字叠加在瓶身反光区、禁止使用任何非PNG透明底素材”。
方法二:JSON Schema注入格式控制(适合已有设计系统)
在Prompt最前端粘贴单行代码:{"canvas":"375x1800","grid":"375x600","section-heights":[600,400,400,400],"safe-zone-bottom":120};
紧接其后写功能描述:“Section 1:产品主视觉区,含瓶体+液滴+光影;Section 2:核心成分可视化,用微距图+文字标注;Section 3:功效数据看板,三组对比柱状图;Section 4:信任背书,含检测报告图标+‘SGS认证’文字”。
注意:若AI未按section-heights数值分割高度,说明Schema未被识别,需在下一版提示词中把每个数值加双引号并重复一次,如"600":"600"。
用三分法网格锁定关键信息位置
第一步:启用网格
选中目标Frame → 右键 → “Add layout grid” → 类型选“Lines”,Count填3×3,Gutter设为0,勾选“Snap to grid”。
第二步:按水平线分区配置信息
顶部1/3区域(0–600px):仅放品牌LOGO+产品名,字体大小≤48px,禁用描边;
中部1/3区域(600–1200px):主图居中,产品瓶底部必须落在中间水平线上;
底部1/3区域(1200–1800px):功效文案左对齐,起始点对齐左侧垂直线,CTA按钮右下角锚定右下交点。
第三步:隐藏AI原始图层后手动重组
生成后立即右键点击AI输出的所有图层 → “Hide layer”,再基于网格线新建矩形、文本、图标等元素,确保每块信息严格落在对应网格区内。这能规避AI把“前后对比图”压进底部空白区的常见错误。











