Frammer X 是一款专为 macOS 设计的专业设备样机（Mockup）与截图套框工具。它允许设计师、开发者及内容创作者快速将设计稿、截图或图片嵌入到各种高保真的设备模型（如 iPhone、MacBook、显示器等）中，生成极具视觉吸引力的展示图，用于作品集、演示文稿或营销材料。

一、核心界面与工作区详解

启动 Frammer X 后，您将看到一个简洁但功能集中的现代化界面，主要分为以下几个区域：

顶部菜单栏 (Menu Bar)：包含所有标准菜单（如“文件”、“编辑”、“视图”）以及软件特有的功能入口。
左侧设备库面板 (Library Panel)：
- 以分类（如 Apple Devices, Screens, Frames 等）或收藏夹形式展示所有可用的设备模型。
- 支持搜索框快速查找特定设备。
- 点击任意设备缩略图即可将其添加到中央画布。
中央画布 (Canvas)：
- 核心工作区，所有添加的设备模型和图片都在此进行编辑和组合。
- 支持多设备场景，可自由移动、缩放、旋转每个设备层。
- 画布背景色和大小可在右侧检查器面板调整。
右侧检查器面板 (Inspector Panel)：
- 设备 (Device)：调整当前选中设备的型号、颜色、方向（横屏/竖屏）。
- 屏幕 (Screen)：导入或替换设备屏幕内的图片/设计稿。调整图片的位置、缩放、角度（用于模拟透视）。
- 阴影与背景 (Shadow & Background)：为设备添加投影强度、模糊度、角度；设置画布背景颜色、渐变或纯色。
- 导出 (Export)：设置导出图片的尺寸、格式、质量及文件名。
底部图层列表 (Layers List)：显示画布上所有设备的堆叠顺序，可在此选择、隐藏、锁定或调整图层顺序。

二、从创建到导出的完整操作流程

方法：启动软件后，默认会创建一个带有空白画布的新项目。您也可以：

菜单栏 > “文件” > “新建”，或使用快捷键 Command + N。

在画布上单击选中目标设备。
在右侧检查器面板的 “屏幕” (Screen) 标签下，找到“选择图像”区域。
点击 “选择图像…” 按钮，从 Finder 中选择您的设计稿（PNG, JPG, Sketch, Figma 文件等）。
图片将自动填充到设备屏幕中。您可以使用下方的滑块或输入框调整：
- 缩放 (Scale)：微调图片大小以适配屏幕。
- 位置 (Position X/Y)：精确调整图片在屏幕中的显示区域。
- 角度 (Angle)：模拟2D图片在3D设备上的透视效果。
快捷操作：您也可以直接从 Finder 将图片文件拖拽到画布中的设备屏幕上。

在右侧检查器面板切换到 “导出” (Export) 标签。
配置导出选项：
- 尺寸：可选择预设尺寸（1x, 2x）或自定义宽度/高度（保持“约束比例”通常建议开启）。
- 格式：通常选择 PNG（支持透明背景）或 JPG。
- 质量：对于 JPG，可调整质量滑块。
- 文件名：设置导出文件的名称。
点击面板底部的 “导出…” 按钮，或使用快捷键 Command + E。
在系统弹出的保存对话框中，选择存储位置，点击“导出”。

批量操作：按住 Command 键单击可选择多个设备，然后统一调整它们的位置、缩放或阴影属性。
精确对齐：选中多个设备后，利用“编辑”菜单中的“对齐”子菜单（左对齐、水平居中、等间距分布等）进行快速排版。
使用“智能替换”：当您有一个已设置好图片的设备，并想将同一图片快速应用到场景中另一个设备时，可以右键点击源设备，选择“复制屏幕”，然后右键点击目标设备，选择“粘贴屏幕”。
创建自定义背景：除了纯色和渐变，您可以将任何图片拖拽到画布空白区域作为背景图，并在检查器面板中调整其缩放和位置。
保存为模板：精心布置好一个多设备场景后，可通过“文件”>“保存” (Command + S) 将项目保存为 .frammer 文件。下次可直接打开，替换屏幕图片即可快速生成新作品。

Q1: 导入的图片在设备屏幕上显示模糊或像素化？
A1：确保您的原始设计稿分辨率足够高。在“屏幕”检查器中，尝试将“缩放”比例略微调小（如98%），有时自动适配会进行过度拉伸。最佳实践是使用与设备屏幕分辨率1:1的设计稿。

Q2: 如何移除设备自带的默认阴影或创建无背景的透明PNG？
A2：在“阴影与背景”面板中，将“阴影”的“不透明度”滑块拖到最左（0%）即可移除阴影。要导出透明背景，需将画布背景设置为“无颜色”（点击背景颜色选择器，将不透明度设为0），然后导出为PNG格式。

Q3: 软件运行卡顿，特别是在处理多个高分辨率设备模型时？
A3：这是对图形性能要求较高的操作。建议：1) 关闭其他大型应用；2) 在Frammer X的“视图”菜单中尝试关闭“显示阴影”（临时）；3) 减少同时显示的高精度模型数量，或先导出单个再合成。

Q4: 找不到特定型号的设备模板？
A4：Frammer X 会通过软件更新添加新设备。请检查“帮助”菜单中是否有更新。同时，可以利用现有形状相似的设备，通过调整颜色和屏幕尺寸来近似模拟。