Lovart AI可基于网页链接、Figma文件或设计稿截图自动生成带金属边框、环境光反射与合理视角的屏幕展示图;需手动启用「屏幕样机」Skill,选择设备型号与光照参数后,4秒内完成裁切、匹配边框、渲染反射三步操作。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

你需要在电商详情页或产品宣传页中真实还原电脑屏幕正在运行的界面效果,避免用模糊截图或静态贴图导致专业感缺失——Lovart AI能基于网页链接、Figma文件或设计稿截图,自动生成带金属边框、环境光反射与合理视角的屏幕展示图,无需建模、不用手动调阴影。
上传源内容并启用「屏幕样机」Skill
打开Lovart中文官网(xingliu.art)→登录后点击【新建画布】→将你的网页截图、Figma导出图或Sketch源文件拖入中央区域。注意:截图必须包含完整UI区域,边缘留白不超过10%,否则AI无法准确识别可显示边界。
顶部工具栏右侧点击「Skills」图标→在搜索框输入“屏幕样机”→点击启用。这一步【必须手动启用】,仅在对话框输入“套个MacBook外壳”不会触发该Skill,系统会默认走通用生图流程,导致边框比例失真、反光方向混乱。
启用后右下角自动弹出参数面板:选择设备型号(MacBook Pro 16"/Surface Laptop 5/ThinkPad X1等)、环境光强度(建议选“中”,过强易泛白,过弱则缺乏立体感)、是否开启屏幕微曲效果(仅适用于OLED类高阶样机)。
生成带真实反射与景深的屏幕图
点击【生成样机图】,Lovart会在4秒内完成三步操作:① 自动裁切UI内容至设备屏幕安全区;② 按所选型号匹配真实边框厚度与CNC切削纹路;③ 渲染环境反射——桌面纹理、顶灯投影、轻微手部遮挡阴影全部按物理引擎实时计算。
若你上传的是Figma链接,系统会自动拉取最新版本并跳过手动更新步骤;但如果是本地PNG截图,需确保分辨率≥1200×800px,否则生成图会出现像素块状模糊,且无法通过后期放大修复。
生成后双击屏幕区域可进入编辑态:拖动可调整屏幕在机身中的偏移量(模拟不同安装深度),右键菜单提供“增强玻璃质感”和“降低环境反射”两个快捷调节项,适合快速适配深色/浅色背景页面。
导出多场景适配版本
方法一:直接导出透明背景PNG
点击右上角【导出】→选择“PNG透明背景”→勾选“保留设备图层”→下载。此版本含独立的屏幕内容层、边框层、反射层,可在PS中单独调亮反射强度或给边框加磨砂效果。
方法二:生成带办公场景的横幅图
在对话框输入:“生成一张1200×630px横幅图,左侧放刚才的屏幕样机图,右侧放三行文字说明:‘支持暗色模式|实时协作|一键导出PDF’,字体用阿里巴巴普惠体Medium,字号22px,文字层加1px #E0E0E0描边”。Lovart自动对齐图文,并将桌面反射纹理延伸至右侧文字区,保持场景统一性。
方法三:输出多角度组合图(用于主图视频关键帧)
点击【更多导出】→选择“多视角样机组”→设定输出:前视(75%)、左斜45°(15%)、右斜30°(10%)。系统按权重生成3张图,每张图的屏幕内容完全一致,仅视角与反射变化,可直接导入剪映做平滑旋转转场。











