figma中图标线条模糊是因未对齐像素网格导致亚像素插值，需启用snap to pixel grid、用快捷键切换对齐、叠加8pt布局网格、批量修正小数坐标、导出前重置缩放至100%。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Figma中导出设计稿或预览时发现图标、线条边缘出现锯齿、发虚或模糊，通常是由于元素未严格对齐像素网格，导致渲染时发生亚像素插值。以下是解决此问题的步骤：
一、启用像素对齐功能
关闭“Snap to pixel grid”会导致形状坐标含小数（如X=12.34），使渲染引擎无法精确映射到物理像素，从而产生模糊。启用该功能可强制所有图层位置与尺寸取整为整数像素值。
1、点击左上角菜单栏中的File → 选择Preferences。
2、在弹出窗口中勾选Snap to pixel grid选项。
3、关闭窗口，已创建的图层将自动吸附至整数像素位置；新绘制图层默认启用对齐。
二、使用快捷键即时切换对齐状态
在精细调整阶段（例如微调1px分割线或0.5px描边），需临时禁用像素对齐以输入非整数值，调整完成后再重新启用，避免手动四舍五入误差。
1、按下快捷键 ⇧⌘’（Mac）或 Ctrl+Alt+’（Windows）切换像素对齐开关。
2、禁用状态下，可在属性面板直接输入如 1.5、0.8 等值。
3、确认数值后，再次按下同一快捷键重新启用对齐，系统将自动将图层位置与尺寸四舍五入至最接近的整数像素。
三、配置并显示8pt布局网格辅助对齐
仅依赖像素对齐不足以保障整体视觉节奏一致性；叠加8pt栅格可确保所有间距、尺寸均为8的倍数，从源头规避半像素偏移引发的累积误差。
1、选中目标Frame，在右侧面板“Design”选项卡下找到Layout Grid区域。
2、点击+按钮添加新网格，选择类型为Grid（非Column或Row）。
深入解析 Figma Make AI 功能，教你如何通过简单的文字描述一键生成高品质、可编辑的移动端与网页端 UI 设计。涵盖高效 Prompt 撰写、组件自动化布局及原型连线技巧，助你彻底告别空白画布焦虑，实现设计效率指数级提升。
3、设置Gutter（间距）为8，Count（格数）设为足够覆盖画布的数值（如100×100），Size设为8。
4、按快捷键 Ctrl+' 显示/隐藏网格，拖动图层时观察是否严格吸附于交点。
四、检查并修正已存在图层的小数坐标
历史文件中可能存在大量未对齐图层，逐一手动修改效率低下；可通过属性面板批量识别并重置关键参数，消除亚像素残留。
1、在图层面板中按住Shift多选需处理的图层（支持跨Group选择）。
2、查看右侧属性面板中的X、Y、W、H字段，识别含小数点的值（如Y: 42.7）。
3、分别点击各字段，删除小数部分，仅保留整数（如改为42），按回车确认。
4、对所有含小数的图层重复该操作，确保全部坐标与尺寸为整数。
五、导出前强制重置缩放与对齐状态
即使编辑过程中保持对齐，若Frame本身被缩放（如Zoom ≠ 100%）或视图处于非整数缩放比例，截图或导出仍可能引入渲染偏差。必须在导出前回归标准视图条件。
1、按快捷键 ⌘0（Mac）或 Ctrl+0（Windows）将画布缩放重置为100%。
2、确保顶部工具栏中Zoom数值显示为100%。
3、点击画布空白处取消任何选中状态，再执行Export操作。
