Skip to main content

Adding Sound FX to prototype


Daniele_Q

Hi everyone…

I recently worked on a couple of video game UI, and I realised that would be awesome to have the option to add sound to animations / transitions.

It would be useful to have it as ‘‘behaviour’’ into the existing component animation feature

For example: On Click → play sound XXXX

And also to attach a sound to a frame, as it gets triggered when, in prototype mode, you navigate to a new frame.

For example: Screen 1 —> navigate to → screen 2 ( sound played ).

That would make game prototypes much more complete and realistic!

Right now, I need to record the interaction and edit / adding sound in a motion/video software.

10 replies

Chrtz
  • 63 replies
  • December 26, 2022

The current approach to add sounds to your prototype is to add hidden videos, which can be triggered (play/pause) by your interactions.


Daniele_Q
  • Author
  • 14 replies
  • December 26, 2022

Hmmm… this is a good suggestion indeed, thanx a lot Chrtz…

I still do think that treating sound as an actual UI dimension ( same as font, colour or size ) would be quite useful!


Daniele_Q
  • Author
  • 14 replies
  • December 26, 2022

Well, it actually works just in Paid Pro files… I m on my free personal plan, too bad 😦


Judy_John
  • 2 replies
  • February 1, 2023

@Chrtz can you provide a bit more detail on this? Do I need to link to an external file? When I see click interactions, I don’t see play, pause. Just the usual options. Thanks in advance


tank666
  • 4863 replies
  • February 1, 2023

Chrtz
  • 63 replies
  • February 1, 2023

@Judy_John hi there – this Video (Office hours: Prototyping like a Pro - YouTube) by Figma might be a good watch, as they show several approaches of how embedding and using videos.

The links provided by @tank666 are worth to be checked out, too – like always 😉


Judy_John
  • 2 replies
  • February 1, 2023

Thanks for the quick response @tank666 and @Chrtz . I see one of my initial problems is that I only have a sound file and even converting that to MP4 doesn’t provide all the necessary options within Figma. I’ll find a way to convert it to a “video” version and see if that works. In the meantime, great links to useful content.

Thanks again


  • 0 replies
  • May 2, 2023

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.


Hugo_Kestali

I know this has already been asked, but I’d really like a simple way to integrate .mp3 files in my prototype without using Anima which makes it not a Figma prototype anymore


Oghenekaro

we should be able to add sound effects to prototypes.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings