Figma原生演示不支持音频,需用系统或第三方录屏工具录制带声原型:一、Win用Xbox Game Bar;二、Mac用QuickTime;三、优加蛙适配网页音效;四、数据蛙支持双音轨;五、Screen App免安装网页录制。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您在Figma中使用原生“演示”功能播放原型时发现无法输出声音,则可能是由于Figma设计工具本身不支持音频录制或播放,其演示模式仅渲染交互逻辑与视觉跳转,不包含系统音频捕获能力。以下是使用系统级录屏工具替代Figma原生演示以实现带声原型录制的具体方法:
一、使用Windows系统自带Xbox Game Bar录制
Xbox Game Bar是Windows 10/11内置的轻量级录屏工具,可绕过Figma限制直接捕获系统声音与麦克风,适用于录制含音效、背景音乐及讲解的完整原型演示。
1、按下Win + G组合键启动Xbox Game Bar界面;
2、点击右上角齿轮图标进入设置,选择【捕获】→【音频输入】开启麦克风,【音频输出】确保勾选“捕获系统音频”;
3、返回Figma,在浏览器或桌面端打开需演示的原型链接,点击Xbox Game Bar中的圆形录制按钮;
4、开始操作原型交互,所有点击、过渡动画及系统播放的提示音、嵌入音频均会被同步录制;
5、演示结束后按Win + Alt + R停止录制,视频自动保存至“视频\捕获”文件夹。
二、使用macOS QuickTime Player录制屏幕与音频
QuickTime Player作为macOS原生应用,支持同时录制屏幕画面、内置扬声器输出及麦克风输入,无需第三方插件即可完整保留Figma原型中的音频反馈(如按钮音效、嵌入视频音轨)。
1、打开QuickTime Player,点击菜单栏【文件】→【新建屏幕录制】;
2、点击录制窗口旁的下拉箭头,分别确认【麦克风】选择正确设备,【扬声器】选项设为“内置扬声器”或当前音频输出设备;
3、点击红色录制按钮,随后点击屏幕任意区域开始录制;
4、切换至Figma界面,全屏打开原型并执行交互操作,所有系统发出的声音将被实时捕获;
5、点击菜单栏顶部的停止按钮结束录制,视频立即生成并可直接导出。
三、使用优加蛙录屏软件进行高兼容性录制
优加蛙录屏软件专为多源音频同步设计,对网页端Figma原型具有强适配性,能稳定捕获浏览器标签页内播放的音频(包括Web Audio API驱动的交互音效),且支持降噪与音量独立调节。
1、启动优加蛙录屏软件,选择【屏幕录制】模式;
2、拖拽选定Figma所在浏览器窗口或全屏区域;
3、同时勾选“扬声器”与“麦克风”,点击【声音输出设置】将扬声器音量调至70%,开启麦克风降噪;
4、点击【开始录屏】,切换至Figma演示页面后立即开始操作;
5、录制完成自动跳转剪辑页,可即时预览音频波形确认声音是否正常收录。
四、使用数据蛙录屏大师实现多声道分离录制
数据蛙录屏大师支持独立录制系统声音与麦克风并保存为双音轨,便于后期对Figma原型中的背景音效与人声解说分别调整,适合需精细音频处理的教学类演示。
1、运行数据蛙录屏大师,进入【视频录制】面板;
2、在音频设置中启用【系统声音】和【麦克风】,并勾选【录制为独立音轨】;
3、设置录制区域为Figma原型所在浏览器标签页;
4、点击开始按钮后,在Figma中启动演示,所有交互触发的提示音、视频音轨及讲解语音同步写入不同声道;
5、停止录制后,软件自动生成含双音轨的MP4文件,可在剪辑页单独调节各轨道音量。
五、使用Screen App在线录屏工具免安装录制
Screen App是一款基于WebRTC技术的浏览器端录屏工具,无需下载安装,可直接在Chrome或Edge中访问使用,对Figma网页版兼容性强,能捕获当前标签页全部音频输出。
1、在Chrome浏览器中访问screenapp.io官网;
2、点击【Start Recording】,授予屏幕共享与麦克风权限;
3、在共享范围选择中,指定为【Chrome标签页】并勾选【共享音频】;
4、切换至已打开Figma原型的浏览器标签页,点击【共享】按钮开始录制;
5、完成演示后点击工具栏停止按钮,视频自动编码并提供下载链接。


















