先确认：你看到的“糊”是真糊还是预览比例造成的
很多模糊并不是导出文件坏了，而是你在非整数缩放比例下预览（例如 67%、33%）。位图在非整数缩放时会被重采样，边缘必然变软。第一步先在100%（或200%）预览导出文件，再决定是否需要继续排查。
第1步：检查元素是否落在整数像素上（最常见）
1px线条、图标边缘、按钮边框最怕“半像素”。当X/Y/W/H出现0.5，Figma渲染时会在两列像素之间平均，导出就会发虚。
- 怎么查：选中元素，看右侧面板的X/Y/W/H是否为整数。
- 怎么改：把0.5改成整数；必要时让父级Frame也对齐整数。
- 重点对象：细线、描边、图标、文字背景块、分割线。
第2步：确认描边位置与尺寸策略（Inside/Center/Outside）
描边在Center时，1px描边会各占0.5像素，容易产生灰边。对于需要锐利边缘的UI元素，通常更推荐Inside描边或用形状叠加模拟边框。
- 建议：优先Inside；Center用于更柔和的视觉效果。
- 检查：描边是否导致元素外框出现半像素尺寸。
第3步：确认导出尺寸是否贴近最终展示尺寸
导出后如果还要在网页/App里被缩放显示（尤其是非整倍数缩放），清晰度会显著下降。最稳的做法是按最终展示尺寸导出，或按整倍数导出（1x/2x）。
- 做法：如果最终展示宽度是300px，尽量导出300px或600px（2x）。
- 提醒：“导出很大再缩小”通常比“导出很小再放大”更安全。
第4步：选择合适格式：PNG适合位图，SVG适合图标
图标与简单矢量形状建议导出SVG，保持缩放不糊；带复杂阴影、纹理、照片类内容更适合PNG/JPG。格式选错也会造成“看着糊”。
- 图标：SVG（注意检查是否有多余蒙版/滤镜）。
- 截图/合成图：PNG或JPG。
- 透明背景：优先PNG。
第5步：排查是否有模糊效果与透明叠加
阴影、背景模糊、透明渐变等效果本身会产生半透明像素，叠加后边缘会显得不锐。你需要确认这是设计意图，还是不小心加了效果。
- 做法：临时关闭阴影/模糊，导出对比一版。
- 判断：如果关闭后明显变锐，说明模糊来自效果而非像素对齐。
第6步：用一张“导出测试页”固定你的导出规范
当你项目里反复遇到导出模糊，最有效的方法是做一张测试页：包含1px线、常用图标、按钮、不同字号文字。每次改规范或换资源时，先导出测试页，看是否清晰，再批量导出正式资源。
常用导出建议（直接照做）
- UI截图类：导出PNG，倍率2x。
- 图标：优先SVG；如果必须位图，导出2x并确保像素对齐。
- 1px线：确保线条落在整数像素，避免Center描边带来半像素。
- 交付给开发：同时给出导出尺寸与展示尺寸，减少二次缩放。
结尾
Figma导出发糊通常不是一个“参数”能解决的问题，而是像素对齐、描边策略、导出倍率与展示端缩放共同作用。按这6步从快到慢排查，你基本能在10分钟内定位根因，并建立稳定的导出规范。
