Figma切图倍率错乱需通过Export Presets统一设置、图层坐标整数校验及画板Scale锁定三步解决:先创建含精确Scale值的导出预设,再确保图层X/Y为整数,最后在画板层级设Scale为2x等基准倍率。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您在Figma中导出切图时发现生成的PNG或SVG资源尺寸与开发所需的@1x、@2x、@3x倍率不一致,导致前端适配错乱或图片模糊,则问题通常源于导出设置未与项目基准画板匹配。以下是通过Export Presets统一管理并精准控制倍率的实操步骤:
一、创建并应用Export Presets预设
Export Presets可将常用格式+倍率组合保存为可复用模板,避免每次手动配置出错,确保所有切片严格遵循同一套输出规范。
1、在右侧属性面板中展开“Export”区域,点击右上角三个点图标(⋯),选择“Manage export presets”。
2、点击“+ Add preset”,输入名称如“Android_MDPI_1x”或“iOS_Retina_2x”,并在Format下拉菜单中选定PNG。
3、在Scale字段中直接输入数值:填写“1.0”对应@1x,“2.0”对应@2x,“3.0”对应@3x;禁止使用百分比或文字描述。
4、勾选“Include padding”并设为0,防止Figma自动添加额外空白干扰CSS定位精度。
5、点击“Save”,该预设即刻出现在所有切片的Export下拉列表中,选中后自动应用全部参数。
二、为切片批量绑定预设并验证坐标对齐
仅设置预设不足以保证输出准确,必须同步校验图层原始位置是否落在整数像素坐标上,否则倍率缩放会放大亚像素偏移误差。
1、在图层列表中按住Shift多选所有需导出的切片或目标图层组。
2、右键选中项,选择“Reset transform”,清除旋转、缩放残留值。
3、逐个点击图层,在右侧属性面板检查X和Y值——二者必须均为整数(如144、288),不可含小数(如144.5)。
4、确认无误后,在Export区域点击预设名称(如“iOS_Retina_2x”),再点击“Export [n] Layers”按钮执行批量导出。
三、通过画板缩放属性强制锁定基准倍率
Figma默认以画板物理尺寸为基准计算缩放,若设计稿画布为375×667(iPhone SE),但开发要求按@2x交付,则需在画板层级显式声明其逻辑倍率,使所有子切片继承该上下文。
1、选中目标画板,在右侧属性面板找到“Constraints”下方的“Scale”选项。
2、点击“Scale”右侧下拉箭头,选择“2x”而非“Auto”或“1x”;此操作将使画板内所有导出行为以2倍物理像素为单位解析。
3、此时即使切片Export中仅设1.0 Scale,实际输出尺寸也会自动×2,且命名自动追加@2x后缀。
4、导出前务必关闭画布缩放(Ctrl/Cmd+0),确保预览视图处于100%真实像素模式,避免视觉误判。










