Advanced Figma Prototyping Tips & Tricks | 2023 – by moonlearning.io

Full course and working files: https://www.moonlearning.io/figma-pro...
Try Figma for free to follow along: https://bit.ly/moonlearningfreefigma
Get Figma Professional: https://bit.ly/moonlearningprofession...
Access all my premium UX/UI and Figma online courses from only 18€ a month: https://www.moonlearning.io
Article version of this video:   / advanced-figma-prototyping-tips-tricks  

Advanced Figma prototyping tips and tricks:

00:00 - Introduction to moonlearning.io
00:25 - Auto layout and smart animate interactive components
01:28 - Deleting item simulation in Figma
02:05 - Stateful design with sections in Figma
03:21 - Nest prototypes for presentations
04:03 - Hidden treasures of the scroll to action
04:43 - Animated slideshow in Figma
05:34 - Interactive scrollable map in Figma
06:41 - Combine smart animate and Figma moving animations
07:30 - Zoom on hover effect with interactive components in Figma
08:16 - Play video on hover
09:09 - Hover and enlarge
09:56 - Get rid of all connections
10:14 - Get rid of all connections
10:39 - Use flows to guide
11:57 - Links remember prototype settings
12:26 - Link to full prototyping course and Figma files

As you all loved the annual Figma tips and tricks so much, here is a special edition just for prototyping. A summary of some gems I picked up along the way that have helped streamline my workflow and some that made my documentation easier.
For this video, I’ve decided to focus more on practical techniques and less on experimental animations (obviously could not resist some). Don’t get me wrong; I’m always impressed by the fantastic Figma animations. With this article, however, I am trying to focus more on the everyday workflow.

Free Figma course, advanced Figma, tips and tricks, learn UI design for free, learn UX design for free

www.moonlearning.io