Thank you so much for this tutorial. Your a life saver🥹. I'm having some trouble though. When i click the button the sound works but once i link it to another page the sound doesn't work. How can i fix this? Thank you so much again
Hey! To get sound on a button click and also navigate we would need a work around. You need to first do a click of a button to a same page where you play the sound and then after delay navigate to the page you wish to. Duplicate this file to see how it works: www.figma.com/design/oEh2gnxjCqfevGjUWt6EDr/Play-Sound-in-Prototype-(Community)?node-id=1-61&t=JocERZQ6xUfeyh1v-1
Is there a way to do this with just an audio file? I'm trying to prototype an app where I'll need to record multiple instructions in different languages. Thank you!
Your video is great, but I am having trouble importing a mp4 or mp3 into my Figma prototypes. I have the Pro plan but when I try to drag and drop the file into my project, nothing happens. Why is this happening?
Thanks for the Video. I have a question I get the figma for students that i can put videos in, but all the time figma says that my project is locked.. what can i do? 😭
Yes that's possible. Just keep the audio layer with the same name in all the frame and make sure you don't checkmark the 'Reset Video' while adding prototype links.
Well done! Great video, straight to the point. Thanks for sharing that with us.
Glad you found it useful! Cheers Marcus ✌🏼
LOVE YOU BRO!!!! This is sooooo freaking cool :D Straight to the point! Subscribed to ur channel man!!!
Glad you liked it! Cheers buddy ✌🏼
Thanks for sharing this.
I hope Figma will add better control with audio and video in near future. Audio and video events to call instead.
Yes there could be more event triggers. Hope they add more!
Thank you so much for this tutorial. Your a life saver🥹. I'm having some trouble though. When i click the button the sound works but once i link it to another page the sound doesn't work. How can i fix this? Thank you so much again
Hey! To get sound on a button click and also navigate we would need a work around. You need to first do a click of a button to a same page where you play the sound and then after delay navigate to the page you wish to.
Duplicate this file to see how it works: www.figma.com/design/oEh2gnxjCqfevGjUWt6EDr/Play-Sound-in-Prototype-(Community)?node-id=1-61&t=JocERZQ6xUfeyh1v-1
nice, really helpful!!
Cheers ✌️
That's amazing but can i pause and play the audio ?
Yes its possible. you can link a pause button to the pause video action.
Thank you! Is there a way to play and pause the audio using this same method?
Yes that is possible. Check add video in Figma I think i showed play pause in that.
Muito obrigada! 🖤
De nada! Fico feliz que tenha gostado. ✌🏼
But can you add sound or music if you have the free version of Figma, the one that is not improved?
Figma's free plan doesn't allow to upload video/audio files into it.
Very helpful! Thanks!
Glad it helped! Cheers ✌🏼
Great work mate
Cheers ✌🏼 :)
this requires professional plan right?
Yes, adding mp4 files is only possible in the pro plan.
Is there a way to do this with just an audio file? I'm trying to prototype an app where I'll need to record multiple instructions in different languages. Thank you!
Mp3 or wav doesn't work.
You can just add a empty background for your audio file and place it on Figma.
I cant drag audio to figma( this should be premium)?
Yes that's right as mentioned in the video its only possible in pro plan.
Your video is great, but I am having trouble importing a mp4 or mp3 into my Figma prototypes. I have the Pro plan but when I try to drag and drop the file into my project, nothing happens. Why is this happening?
If the video more than 30mb? I suppose there is file size limit. and do you see any error?
No, there is no error message. I go to drag and drop the file into the project, and nothing happens.
@@smini9812 check the file size, check if figma is on latest version, check with a different mp4 file.
I can't think of any other possible issues.
I got it to work! Put the video in a frame and put the fill as a video. Then inserted into prototype. Thank you for your help!
@@smini9812 That's interesting thanks for sharing the solution.
It doesn't seem to work if I play the prototype from my phone
I haven't tried it on my phone. Have you used the Figma mobile app or on the mobile browser?
both actually :) @@DesignXstream
Thanks for the Video.
I have a question
I get the figma for students that i can put videos in, but all the time figma says that my project is locked.. what can i do? 😭
Hey videos can be added only on pro and enterprise plan. If you are the free tier you might face this issue.
Just put the gpay video below the frame or the rectangle
Yes that could also be done! 👍🏼 As far as the video stays within the frame layer structure any method could be used!
hi, is it possible to keep the audio/music playing while we change from frame to frame? as in it acts like background music
Yes that's possible. Just keep the audio layer with the same name in all the frame and make sure you don't checkmark the 'Reset Video' while adding prototype links.
Sound look like a pay cash google❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤sound of the Google pay of it
Yes! I think I searched for that sound in particular.
Basic plan users left the chat 😅, including me 🥲
Yah,, that's sad!
same bro