How Do You Add Audio to Figma?

Adding audio to Figma can be a great way to spice up your designs and help bring them to life. With audio, you can add dimension and emotion that otherwise wouldn’t be there.

It’s also a great tool for creating interactive experiences. Whether you’re creating a prototype or a full-fledged design, audio can help make it more engaging.

Luckily, Figma makes it easy to add audio to your designs. You can use the built-in audio player or upload your own files.

The audio player allows you to play back any of the sound files you have stored in the project folder. You can also add sound effects and music tracks from the Figma library, which includes a wide variety of sounds.

To add an audio file, first open the file in Figma. Then click on the ‘Add Audio’ button in the top right corner of the screen.

This will open a dialog box where you can select an existing file or upload one from your computer. Once you’ve selected or uploaded a file, simply drag and drop it into place.

Styling Your Audio

Once you’ve added an audio file to your design, there are several ways to customize it. You can adjust its volume, loop it, or even add fade in/out effects. To do this, just select the audio layer in Figma and then click on ‘Styles’ at the top of the screen.

You’ll then see several options for customizing your sound:

  • Volume: Adjusts how loud or quiet your sound is.
  • Loop:Allows your sound to repeat itself continuously.
  • Fade In/Out:Adds a gradual increase and decrease in volume over time.
  • Playback Speed:Changes how fast or slow your sound plays back.

Once you’re happy with how your audio sounds, click ‘Done’ and Figma will save all of your changes automatically. Your new audio will now be part of your design!


Adding audio to Figma is quick and easy! Just upload your files, drag them into place and customize them with volume control and other effects using the Styles menu.

With just a few clicks of a button, you’ll have an engaging design that really stands out from the crowd!