Hacking Figma prototypes with overlays, components, and frames

[fajleyrabbe]

12:00 Start, Hover
18:30 Navigation drawer
36:00 Select Component instances, Different viewpoint and adjustment

[antonlebedev]

28:50 Rip all the frame connections explained, hope it helps guys. I was looking for it for a long time on the web, thanks Rogie and Tom! :)

[brendanrogers]

47:54! Omg, states. When???

So far most of Figma prototyping is sadly aimed at mobile. Please give more love to desktop.

I think Figma is the only hope of our time for web design, but sadly prototyping is mostly "hacking" as you say yourselves. I'm eagerly anticipating your future progress here.

The main take away from this was that master components inherit prototyping connections.

[Astralmess]

Just give me states, man. I'm tired of hacking. I'm tired of saying "yeah, just imagine it does that". Prototyping states seems so basic and essential, yet no news on that.

Edit: Using the master component for prototyping like that was new for me, thanks for that.

[JulianHarris]

Good to hear states are coming, so I can do stuff I was able to do in Axure RP back in 2014.

[gabrielluyo]

I would like the component states to be implemented just like xd

[parkerljung]

Definitely move the web cams so that we can see the entire nav bar on the left. It's hard to tell which items are frames/components when you can't see them...

[KathBorup]

I love prototyping in figma but I do find that sometimes when I use "open overlay" too many times I run into difficulties and the prototype stops working. Does anyone else experience this?

[isaac.himself]

10:49 that day was the first SpaceX Nasa launch and I'm watching this today which in just an hour will be the SpaceX Starship 15 km test! Things advancing fast both in SpaceX and Figma. Big Milestones achieved!

[Vlad]

Thanks a lot! Would love to see more of such examples! Very helpful!

[changandy]

Please timestamp with video chapters to make things easier to find!

[Abhishek.Saini]

Is it possible to navigate to the different screen with click navigation on the overlay?

[casusolivas]

How can you prototype across pages tho?

[NataliaDanceFitness]

Thank you, thank you, thank you for making this video! I've been searching for hours for these instructions :D

[paulobrien]

Question about Links on the Master Components.
What happens when you move the Master Component Navigation that holds the links to another file, say the design system? From what I can see the links are lost. How do I keep the links intact?

[MariusGiurgi]

Is this still relevant 2 years later (in August 2022) ?

[scritchproductions]

nested components don't prototype well or are really buggy - i spent hours trying to figure out why my scroll to links were not working. when will this be fixed? it renders navigation components useless

[shuyuyang]

I have a question about Can we add a mouse hovering status into each frame in scrolling? I tried but it seems not to allow you mouse rollover while scrolling. I was wondering if there is any way to makes it happens?

[sangeunpark]

Dose component prototypes work on the only the same page? I tried to use a component setting on the other page, and it didn't work.

[danielduvana]

Isn't most of this outdated with the new system for prototype interactions just released?