Figma Tutorial: Prototyping (older version)

In this video we'll learn the basics of prototyping your designs in Figma.

0:00 - How to use Figma prototypes
0:18 - How to start prototyping in Figma
1:18 - Removing connections in a prototype
1:30 - Change the starting frame of a prototype
1:52 - How to present a prototype
2:05 - Connecting multiple elements in the same frame
2:45 - Connecting back to the starting frame

#Figma #FigmaDesign #FigmaTutorial #Prototyping #Transitions

[Monarch_]

I'm in love with Figma :D Even a noob in design like me can make something out with it. Thanks!

[iusearchbtw]

The official tutorial are surprisingly understandable for someone that never use Figma like me

[kahoang]

Your voice is awesome for sleeping T.T

[elcasa]

Thank you for the video. I am just learning Figma (UXUI) and I really appreciate your lessons. Can you send the link for the previous tutorial videos for doing the wireframes?

[newagedesigntz]

I cant find the blue circular node, It doesn't appear in my figma

[hellstormllc]

Seriously, you missing the prereq there is no circle that appears. I put everything out into pages but NOTHING will link. Very frustrating I'm about ready to drop this tool.

[jg]

This is very straight forward tutorial👍

[growwithdesign]

any keyboard shortcut to set starting frame on Figma? I have 100s of artboards. And moving the starting frame arrow icon everytime is a pain.

[temp]

there is no plus sign next to the objects, and interaction also has no plus sign

[juliawein]

basic, but useful video and explanation, thank you! 💓

[MitchStewart]

Thanks that was just what I was looking for! Great video.

[atif]

there are no blue circular nodes. I have tried everything. Not a very intuitive UX!

[Kokola-qhwp]

The blue connection node never appears for me in figma what is wrong? is the interface of figma having a bug with this feauture?

[abramgrey]

hey why i can't make connection on Figma?please help.No blue dot appears to connect

[ntukwasi]

Hi! Great stuff, but I don't think the videos for the Prototyping playlist are in order. (Just wanted to let y'all know in case!)

[layanmohammed]

my page is long and i want to link the arrow in the down of the page how can i do that, thank u

[ChristosNikolis]

Thank you for this tutorial! :-) I'd like to give some *feedback*. I think 2:20 should be at 2:05. Maybe it's best to first define what a hotspot is, then explain what does it do, not vice versa. Just 2 cents! Also, it'd be nice if you modified all your tutorial titles with index numbers, to let people know *where to start from*, when studying figma. *Example*: Figma tutorial 1: Prototyping, then Figma tutorial 2: Device frames (or whatever) and so on. Thank you for reading my comment. Cheers!

[maryrobinson]

So what to do when the basic connections do not work?

[alexanderhill]

My design frames are each on separate pages so I am unable to link with the arrow. How do I put all frames on the same page to link the original frame to the destination frame? Thanks.

[brocker]

Almost took a nap watching this video, seriously guys, put someone with more energy to do the narrative :D