Add prototype connections: Figma Design for beginners [12 of 13]

In this video, we’ll learn how to turn our static portfolio design into an interactive prototype that feels like a real website. Along the way, we’ll preview our prototype to test its interactions. Playlist of full course here → http://bit.ly/4lPoklZ Feel free to make a copy of the Figma community file to check out the final design and additional resources: https://www.figma.com/community/file/... Visit https://help.figma.com/ to view a written version of this course, along with up-to-date information on specific features. Timestamps: 00:00 Intro 00:31 What is a prototype 01:31 Prototype terminology 01:57 Flow 02:38 Interactions 02:58 Triggers 03:23 Actions 04:11 Animations 04:37 Connections 05:26 Create connections 08:10 Copy and paste connections across designs 08:50 Present prototype 11:39 Scrolling and position 12:34 Change position to sticky 12:58 Canvas stacking in auto layout 14:34 Create a “Back to top” button 16:42 Apply Ignore auto layout 17:28 Update button’s position to “Fixed” 17:54 Update the button’s constraints 19:22 Scroll to animation 22:27 Add additional connections to the designs 23:20 Outro #Figma #design #beginners #tutorial #course ____________________________________________________ Find us on ⬇️ X (formerly Twitter): https://x.com/figma Instagram:   / figma   LinkedIn:   / figma   TikTok:   / figma   Figma forum: https://forum.figma.com/