Real Camera in prototype, In Figma and Protopie

Protopie and Figma are both very cool design tools. We can do very advanced prototypes in both. when it comes to pushing the level of realism, Protopie has more features to offer. Such as the camera layer, which will make it possible to have access to the device cameras in the prototype!

In this video, I will show you how to Fake a camera in Figma and how to use the Camera layer in Protopie.

Plugins in this video:

#New #figma #protopie

📌 Timestamps:
0:00 - What you will see in this video
0:31 - Start with Figma
1:07 - Record a video
1:21 - Design the UI of the camera
5:11 - Different state of the design
6:25 - The Interaction
9:29 - Result
10:07 - Start with Protopie
11:00 - Camera layer
11:56 - Run the prototype
12:54 - Camera UI
13:42 - Interaction
19:54 - Result
20:22 - Final word

Whether you're a beginner or an experienced designer, you'll find valuable insights in this tutorial. Follow along and take your Figma skills to the next level with this captivating micro-animation technique.

👍 If you found this tutorial helpful, don't forget to give it a thumbs up and subscribe to the channel for more design tips and Figma tutorials!

Let's Learn together #UX and #UI , #Design, #figma #prototype

--------------------------------------------------------------------------------------------
🔥 Check out some of my other popular tutorials:
--------------------------------------------------------------------------------------------

🌐 Connect with me:

--------------------------------------------------------------------------------------------
My name is Kia, and I am a UX generalist working for more than 10 years as a designer in the industry. here I am sharing my learnings related to UX and UI design, Figma tutorials, general design tips, and tricks. join me in this channel and let's learn together and become better designers.

[Destiny-UX]

Thank you so much for making this, I was at a loss for how to simulate the camera portion of my design!

[laurarebelo]

Thank you so much, this video solves exactly the issue that I had with Figma not having a real camera, and it's only 3 weeks old so wow it came at the right time!!! Thank you!!! Super helpful & informative:)

[ftm_rvyd]

This is an explanatory video, thank you :) But I have a question, how did you add it as a video in the first place?

[nseruame]

Thank you this is exactly what I needed! Is protopie free?

[evgeniyaitkis]

can we combine ProtoPie prototype into Figma?