Figma中无法直接修改位图像素值,因其将导入图片视为不可变栅格资源;可行方案有三:一、用Photopea插件在线重采样并回传;二、导出后本地重采样再置入;三、转为SVG矢量路径自由缩放导出。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您在 Figma 中尝试直接修改图片的像素值(如将一张 120×120px 的 PNG 强制改为 128×128px 并重采样),会发现右侧面板中尺寸字段为灰色不可编辑状态,且无缩放重采样选项。这是因为 Figma 将导入的位图视为不可变栅格资源,其像素数据在导入后即被锁定,所有“调整大小”操作仅改变容器框尺寸,不触发像素级重渲染。以下是实现像素级编辑目标的可行路径:
一、使用 Photoshop 在线版插件(Adobe Express 或 Photopea)进行外部像素编辑
该方法通过 Figma 插件调起轻量级在线图像编辑器,在浏览器内完成真实像素重采样,避免本地软件依赖与文件往返丢失元数据。编辑结果以新图层形式回传至当前画布,保持图层命名与位置一致性。
1、在 Figma 编辑器中右键点击目标图片图层,选择 Plugins → Browse plugins。
2、在搜索栏输入 Photopea,安装并启用官方认证插件(图标为红色PS字母)。
3、再次右键该图层,选择 Plugins → Photopea → Edit in Photopea。
4、等待 Photopea 网页编辑器加载完毕,确认画布显示原始像素网格(可按 Ctrl+’ 显示/隐藏像素网格)。
5、点击 Image → Image Size,将分辨率数值改为整数目标值(如 Width: 128 px, Height: 128 px),Resample 设为 Bicubic Sharper(减少模糊)。
6、点击 OK 后按 Ctrl+S 保存,关闭标签页,Figma 自动接收更新后的 PNG 并替换原图层。
二、导出→本地重采样→重新置入工作流
此方式适用于需批量处理或对重采样算法有严格控制的场景。Figma 不干预导出图像的原始像素数据,因此导出后使用任意支持无损缩放的工具处理,再以精确尺寸置入,即可达成像素可控目标。
1、选中图片图层,右键选择 Export selection,导出格式设为 PNG,Scale 为 1x,确保 Include padding 为 0。
2、将导出的 PNG 文件拖入 Photopea.com 或本地安装的 GIMP,打开后执行图像尺寸重设(Image → Scale Image)。
3、输入目标宽高像素值,勾选 Resize layers(若含多图层)及 Resample,算法选 Lanczos3(锐度最优)。
4、保存为 PNG-24 格式,返回 Figma,删除原图层,将新文件拖入画布。
5、在右侧属性面板中手动输入 Width 和 Height 像素值,确保与重采样后数值完全一致(如 128 × 128),禁用 Constrain proportions。
三、利用 Figma 内置 SVG 路径替代方案绕过像素限制
当图片内容为图标、简单图形或可矢量化元素时,放弃位图路径,转为 SVG 导入或手绘路径,可彻底规避像素编辑需求。SVG 在 Figma 中可自由缩放、布尔运算、描边像素化控制,且导出为 PNG 时支持指定确切输出尺寸。
1、将原 PNG 图片上传至在线工具 Vectorizer.ai 或 Adobe Illustrator 的图像描摹功能,生成 SVG 路径。
2、复制 SVG 代码(Ctrl+C),在 Figma 中新建空白 Frame,按 Ctrl+V 粘贴,自动转为可编辑矢量对象。
3、选中该矢量组,右侧属性面板中设置固定 Width 和 Height(如 128 × 128),系统自动等比缩放路径节点。
4、如需导出为特定像素 PNG,右键该矢量组 → Export selection → 设置 Scale 为 1x,Format 为 PNG,Figma 将按设定画布尺寸精确光栅化输出。











