可借助autoflow插件一键生成多平台合规尺寸主图,结合figma约束机制实现精准适配,并用z-image i2l本地ai模型智能重构图像,避免失真与畸变。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您在Figma中完成主图设计后,需为淘宝、京东、拼多多、小红书等平台快速输出多套合规尺寸(如800×800、1200×628、1080×1440),但手动缩放易失真、反复调整耗时长,则可能是由于缺乏自动化裁剪与智能适配机制。以下是解决此问题的步骤:
一、使用 AutoFlow 插件一键生成多尺寸主图
AutoFlow 插件内置电商尺寸预设库,支持基于原始画板智能识别主体区域,并按平台规范自动裁切+等比缩放,避免关键信息被裁掉或变形。
1、在 Figma 中打开已设计完成的主图画板(建议原始尺寸≥1200×1200)。
2、点击右上角 Plugins → Search plugins → 输入“AutoFlow”并安装启用。
3、选中主图画板,在右侧面板找到 AutoFlow 插件入口,点击启动。
4、在弹出面板中勾选目标平台:淘宝主图、京东首焦、小红书封面、抖音商品卡等。
5、点击“Batch Export”,插件将自动生成各平台对应尺寸的独立画板,并保持主体居中、文字不截断、背景完整。
6、导出时选择“Export as PNG”或“Export as JPG”,分辨率统一设为 2x,确保高清显示。
二、利用 Figma 变换工具 + 约束条件实现精准适配
通过设置图层约束(Constraints)与智能缩放逻辑,使核心视觉元素在不同画布尺寸下自动锚定位置、保持比例,无需重复调整布局。
1、选中主图中的商品主体图层(如产品图片、蒙版组),在右侧属性栏开启“Constraints”。
2、将水平约束设为“Center in Frame”,垂直约束设为“Top in Frame”,确保主体始终居中且顶部对齐。
3、对文字标题图层,设置水平约束为“Center in Frame”,垂直约束为“Top in Frame”,并勾选“Fix size when resizing frame”防止字号异常缩放。
4、新建多个不同尺寸的画板(如800×800、1200×628),将原主图画板拖入新画板中作为嵌套实例。
5、右键该实例 → “Resize to Fit”,Figma 将按约束规则自动重排内部元素,保留视觉重心。
6、检查边缘留白是否符合平台要求(如淘宝要求四周留白≥20px),必要时微调画板内边距。
三、结合 Z-Image i2L 本地AI模型进行智能重构与再适配
Z-Image i2L 支持图像到图像(i2I)模式,在保留原始主图语义结构的前提下,可按指定宽高比重新渲染整图,同时增强材质细节与空间一致性,规避传统缩放导致的模糊与畸变。
1、将 Figma 中导出的主图(PNG,无透明通道)保存至本地文件夹。
2、启动 Z-Image i2L 本地服务(执行 bash /root/build/start.sh)。
3、在浏览器访问 http://[服务器IP]:8501,进入 i2L 界面,切换至“Image-to-Image”标签页。
4、上传主图,设置目标尺寸(如1080×1440),强度参数(Denoising Strength)设为0.35–0.45以保留原始构图。
5、在 Prompt 中补充描述:“高清电商主图,纯白背景,主体完整居中,无文字遮挡,摄影级锐度”,负向提示词启用预设电商黑名单。
6、点击“Generate”,等待约9秒,下载生成结果,导入回 Figma 进行最终校验与标注。











