Many social media apps today include video integrations for different types of content. Using this tool wisely can contribute to a more immersive experience for your audience. In this section we’ll show you how to Increase Interactivity with Videos and incorporate it into your designs.
Take a look at the steps to add video into your prototype:
1. Create your component set with both image and video available
2. To add video to your Figma file, simply create the shape you need, click the color filler, and select Video from the drop-down menu.
3. Add the interaction details, keeping in mind to close your interaction loop to allow the user to exit the video.
4. Place your component in the desired spot you’d like the interaction to take place, and play your prototype!
Recap of this chapter
In this chapter, we have shown you how to Increase Interactivity with Videos by providing step-by-step instructions on adding video to your Figma file. You can create engaging designs that will captivate your audience by following these simple steps and keeping your interaction details in mind. However, creating interactive experiences involves more than just adding videos. The next chapters of the guide will provide practical advice on how to document interactions during the hand-off phase and explore other ways to make your designs more interactive. Stay tuned for more insights on designing immersive experiences.