Skip to main content
Daniele_Q
Daniele_Q
Active Member
December 26, 2022

Adding Sound FX to prototype

  • December 26, 2022
  • 10 replies
  • 1782 views

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
    Chrtz
    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
      Daniele_QAuthor
      Active Member
      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
        Daniele_QAuthor
        Active Member
        December 26, 2022

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

        Judy_John
        Judy_John
        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
          tank666
          February 1, 2023
          Figma
          UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
            Chrtz
            Chrtz
            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
            Judy_John
            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

              Anonymous
              May 2, 2023

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

              Hugo_Kestali
              Hugo_Kestali
              June 23, 2023

              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
              Oghenekaro
              New Member
              July 10, 2024

              we should be able to add sound effects to prototypes.

                Terms & ConditionsAccessibility statement