使用media export插件或figma-media-export命令行工具可批量导出figma设计稿中全部图片：前者通过api递归扫描节点提取图像，后者调用rest api离线解析.fig文件并下载。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Figma中完成设计稿后需要批量导出所有嵌入图片，但手动逐一右键导出效率低下且易遗漏，则可能是由于缺乏对Figma资源树结构的程序化遍历能力。以下是使用Media Export自动化工具快速提取Figma设计稿中全部图片的步骤：
一、通过Figma Plugin Marketplace安装Media Export插件
Media Export是一款专为Figma设计的轻量级插件，可自动识别画板与组件内所有位图（PNG/JPEG）、SVG矢量图及嵌入式Base64图像资源，并按图层命名或路径规则批量导出为本地文件。其原理是调用Figma插件API中的figma.currentPage.selection与figma.root.children接口，递归扫描所有节点的fills、strokes、effects和children属性，捕获含图像数据的节点类型（如IMAGE、VECTOR、BOOLEAN_OPERATION等）。
1、打开Figma编辑器，确保已登录团队项目。
2、点击右上角菜单栏的Plugins → Search plugins，在搜索框输入Media Export。
3、在结果中找到由DesignTools Labs发布的官方插件，点击Install并授权访问当前文件。
4、安装完成后，再次进入Plugins → Media Export → Run启动工具。
二、配置导出参数并执行全量扫描
该步骤利用插件内置的资源过滤器与路径映射逻辑，避免导出重复引用或未渲染图层中的冗余图像。它会跳过仅作为遮罩（mask）或透明度蒙版使用的图像节点，仅保留实际参与视觉呈现的图像资产。
1、插件界面弹出后，勾选Export all images from current page而非仅选中图层。
2、在Output format下拉菜单中选择所需格式：PNG（保留透明通道）、JPEG（高压缩比）、SVG（仅适用于矢量图形节点）。
3、设置Naming convention为Layer name + Auto index，防止同名图层覆盖。
4、点击Start Export，插件将自动遍历全部画板、组、实例及嵌套组件，耗时取决于图像总数与复杂度。
三、使用命令行工具figma-media-export进行离线批量处理
当需对多个Figma文件或受权限限制无法运行插件的团队环境进行图像提取时，figma-media-export提供基于Figma REST API的CLI方案。它绕过浏览器沙箱，直接解析.fig文件解压后的JSON结构，定位nodes.*.type === "IMAGE"及fills.*.type === "IMAGE"字段，提取imageHash并调用/v1/images/{key}端点下载原始图像。
1、在终端执行npm install -g figma-media-export安装全局工具。
2、前往Figma开发者控制台（https://figma.com/developers/api）创建Personal Access Token，并保存至环境变量：export FIGMA_TOKEN=your_token_here。
3、运行导出命令：figma-media-export --file-key abc123xyz --output ./exported-images/，其中abc123xyz为Figma文件URL末尾的唯一标识符。
4、工具自动拉取文件元数据、解析图像节点、并发请求下载，最终生成带层级目录结构的本地资源包。
