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?
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.
@@aatmajap.4660 THIS needs to be way higher in the comment Section. It was driving me Nuts, i put several frames in a group (not another frame) and that's why the prototyping circle didn't appear. Thank you so much man.
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.
Hey Alexander, one of the fastest ways to do this is with your Frames selected, you can right click on them and choose "Move to Page" and then the destination page.
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!
Anyone had problems with images not showing when you play the prototype? Some of my images appear just fine and some don’t appear at all when I play prototype
Is there a way to make connections from icons? Like if I choose an icon indicating the DMs page, I want it to navigate to the frame that displays messages from other users.
How can I apply prototype linking across screens on different pages? I used the page setting to separate the Admin side, User Side and the Front-end pages of the web application and I am stuck here.
Figma replied to similar comment more recently. Looks like they're not interested in linking between pages but they do suggest a workaround: "Hey Shinlenox, in Figma each Page is a unique prototype. This means that a single Figma File can have as many Prototypes as you have pages, which is a really powerful value proposition for some use cases. We don't have any plans right now to link using prototyping connections (noodles) between pages. It is technically possible for you to use an Action to navigate to a URL where the URL is the second/destination page, but it's not ideal since the prototype would need to load again."
I was just introduced to Figma. It seems similar to Adobe XD. Agree? Disagree? Are there any important features / benefits of Figma that XD does not offer?
I made three separate clickable prototypes, each within their own file. I copied each of their share-links to a doc. Upon clicking on all three, I'm only being taken to just _one_ of them. Each link is different, yet they all lead to the same prototype : / Anyone know what to do?
Hey Ranim, protoypes need to be built on the same page. A file can have multiple pages, and each page is treated as a unique prototype, meaning you can have as many prototypes in a file as you have pages!
I had the same issue. I didn’t place the arrow within a frame. Try putting it within a frame & connect it from the frame to the page u want. Hope that helps
hi! can figma make the prototype where the screen can scroll down? if can can you make the tutorial as soon as possible? because I need to learn it for my innovation presentation. Thank You!
Hi Leo, Figma doesn't support the ability to "export" prototypes to local/standalone files. To share a prototype, you can share the link to your prototype from the share menu instead. Viewers will be able to interact with your prototype. You can have unlimited viewers on any team, and we don't charge for viewers on Professional teams. If you want to create a video file of your prototype, you can try using screen recording software.
Hey The Innocent One, you can embed Figma files and prototypes. You can read how live embeds work on our Help Center here: help.figma.com/hc/en-us/articles/360039827134-Embed-files-and-prototypes-with-Figma-Live-Embeds
Hey Shinlenox, in Figma each Page is a unique prototype. This means that a single Figma File can have as many Prototypes as you have pages, which is a really powerful value proposition for some use cases. We don't have any plans right now to link using prototyping connections (noodles) between pages. It is technically possible for you to use an Action to navigate to a URL where the URL is the second/destination page, but it's not ideal since the prototype would need to load again.
Hey Khunsha, I think this video answers your question, but if you're still confused, can you be more specific? If you think you've found a bug, you can also contact our Support team within the app from the black ? icon, or by emailing support@figma.com
achei este video deveras ruim pois o método de ensinamento foi precário e paia mais uma vez revoltado com a indústria brasileira neonazz isso é um pedido de ajuda das pessoas necessitadas pois estamos com fome e queremos comer
Get me a standalone app like Sketch so I don’t need an internet connection all the time. Dealbreaker for me. And I’m willing to pay for it. No problem. But get rid of that stupid internet connection!
Hey Kokola, if you're not able to make connections, be sure you're in the Prototyping tab at the top of the right sidebar. For more help, try posting on the forum at forum.figma.com to get help from other Figma users!
@@Figma I fixed it. It doesn't recognize random shapes as a frame, so you need to first select your parts and click "ctrl+f" for it to become a frame. Then the blue connections appear.
We have made an updated version of this tutorial! Check it out here: ruclips.net/video/-d6zNGeF59M/видео.html
I'm in love with Figma :D Even a noob in design like me can make something out with it. Thanks!
@Daniel Denver,, ფერისმჭამელები
No
The official tutorial are surprisingly understandable for someone that never use Figma like me
Your voice is awesome for sleeping T.T
Very cool
Read my mind 😢🤦🏾♂️ guess you are a pro already on design since it's been 2years already
😂very calm
Haha 😆
Lol. So true
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?
I cant find the blue circular node, It doesn't appear in my figma
This vidoe is very helpful.
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.
hey i am not getting any connecting blue dot? Any tips?thankx
This is very straight forward tutorial👍
my page is long and i want to link the arrow in the down of the page how can i do that ,thank u
basic, but useful video and explanation, thank you! 💓
hey why i can't make connection on Figma?please help.No blue dot appears to connect
@@aatmajap.4660 THIS needs to be way higher in the comment Section. It was driving me Nuts, i put several frames in a group (not another frame) and that's why the prototyping circle didn't appear. Thank you so much man.
@@aatmajap.4660 God, thank you. I couldn't find the answer anywhere
@@aatmajap.4660 No wait, even if its an icon in the main frame that isnt's showing the blue dot to connect in prototype ? what to do in that case?
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.
there are no blue circular nodes. I have tried everything. Not a very intuitive UX!
Thanks that was just what I was looking for! Great video.
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!)
there is no plus sign next to the objects, and interaction also has no plus sign
your voice is very soothing
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.
Hey Alexander, one of the fastest ways to do this is with your Frames selected, you can right click on them and choose "Move to Page" and then the destination page.
Almost took a nap watching this video, seriously guys, put someone with more energy to do the narrative :D
Wow that's some really helpful feedback Deaf Dog
So what to do when the basic connections do not work?
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!
short of ux there
not seeing prototype settings....
Anyone had problems with images not showing when you play the prototype?
Some of my images appear just fine and some don’t appear at all when I play prototype
Is there a way to make connections from icons? Like if I choose an icon indicating the DMs page, I want it to navigate to the frame that displays messages from other users.
I love figma
it felt so good to type it
Thank you
Thanks for the lesson! 🔥
What about doing multiple connections? You only covered one link. Could have at least shown us how to do two.
Thanks
How can I apply prototype linking across screens on different pages? I used the page setting to separate the Admin side, User Side and the Front-end pages of the web application and I am stuck here.
@figma I don't think Figma has a ability to link between page...
Figma replied to similar comment more recently. Looks like they're not interested in linking between pages but they do suggest a workaround:
"Hey Shinlenox, in Figma each Page is a unique prototype. This means that a single Figma File can have as many Prototypes as you have pages, which is a really powerful value proposition for some use cases. We don't have any plans right now to link using prototyping connections (noodles) between pages. It is technically possible for you to use an Action to navigate to a URL where the URL is the second/destination page, but it's not ideal since the prototype would need to load again."
@@SeanConnolly you can actually link between pages on figma
My dot node didnt show up
this is awesome
Can't see the BLUE NODE anymore in the new version......
I was just introduced to Figma. It seems similar to Adobe XD. Agree? Disagree? Are there any important features / benefits of Figma that XD does not offer?
For one it’s in a browser and makes collaboration easier
No shortcut for switching to prototype mode?
I added and arrow at the bottom of my prototype and connected to the home page but it doesn’t work
same! anyone knows why? or have you already found out why?
@@nolsa8080 is the way is arrange on your stack on the left side, it may be lock and that is why doesn’t go back
Thank you bro🚬
Thanks for sharing
Thanks❤️
Super useful.
Hi! great video, I would like to know how to use the visual indicator? Thanks
الله اكبر
الحمد لله
لاحول ولا قوة الا بالله
اللهم صل وسلم وبارك على سيدنا و نبينا محمد
I don't get the selection with the dots :( what's wrong?
I loved it. 😍
I made three separate clickable prototypes, each within their own file. I copied each of their share-links to a doc. Upon clicking on all three, I'm only being taken to just _one_ of them. Each link is different, yet they all lead to the same prototype : /
Anyone know what to do?
mera left arrow nai a raha koi aur tarika ho to zaroor batai
My prototype only shows parts of the frame😭 help please
does everything have to be in the same page ? I can't connect element existing in a different page each ?
Hey Ranim, protoypes need to be built on the same page. A file can have multiple pages, and each page is treated as a unique prototype, meaning you can have as many prototypes in a file as you have pages!
@@Figma I get it , do I have to MAKE a page a prototype or is it considered one by default ? thanks for answering
Amazing! ♥
How did you make this video?
Can you send me the link to your document please?
can you do rollover states with this?
I'm interested in this too. I'm a developer and I have to chase the designer for hover and active states. It'd be nice if they could be shown
I can't make connection arrow.
me too!really frustrating..
I had the same issue. I didn’t place the arrow within a frame. Try putting it within a frame & connect it from the frame to the page u want. Hope that helps
hi! can figma make the prototype where the screen can scroll down? if can can you make the tutorial as soon as possible? because I need to learn it for my innovation presentation. Thank You!
I did everything but it shows me A prototype needs a least one frame
The audio volume is too low please work on that next time. But apart from that great video. Enjoyed it a lot.
Is this even still relevant given that the software has changed a lot since this video was created?
Your volume is a little low. Thanks for the teaching though.
1:17 / 3:57
Guys, gg but, please adjust your audio lvl... Too low!
how do I export the prototype I made? so i will be interactive! URGENT !, who knows? it would be great help to me
Hi Leo, Figma doesn't support the ability to "export" prototypes to local/standalone files. To share a prototype, you can share the link to your prototype from the share menu instead. Viewers will be able to interact with your prototype. You can have unlimited viewers on any team, and we don't charge for viewers on Professional teams. If you want to create a video file of your prototype, you can try using screen recording software.
Is there a way to embed this in my website ? For my portfolio ?
Hey The Innocent One, you can embed Figma files and prototypes. You can read how live embeds work on our Help Center here: help.figma.com/hc/en-us/articles/360039827134-Embed-files-and-prototypes-with-Figma-Live-Embeds
can i link between pages?
Hey Shinlenox, in Figma each Page is a unique prototype. This means that a single Figma File can have as many Prototypes as you have pages, which is a really powerful value proposition for some use cases. We don't have any plans right now to link using prototyping connections (noodles) between pages. It is technically possible for you to use an Action to navigate to a URL where the URL is the second/destination page, but it's not ideal since the prototype would need to load again.
How we can make a screen clickable using figma???
Hey Khunsha, I think this video answers your question, but if you're still confused, can you be more specific? If you think you've found a bug, you can also contact our Support team within the app from the black ? icon, or by emailing support@figma.com
udinus absen ygy
nejaky lepši tutorial by sa nedal ???
Please take these down cause it’s confusing to look at old stuff when it’s changed
This video is too old now. Needs to be updated
Can You help me on knowing about figma prototyping , please.
@@sandhyak3602 There are other videos on youtube. Check them. Unfortunately, I am not a UI designer.
Hey
ada yang bisa joki ga
Ugh i hate when they speak so slow in tutorials. couldve been a 2 minute tutorial
Increase the playback speed lol😂
the narrator's voice is almost entirely without inflection. Very difficult to listen to his voice, he sounds like a robot.
It's wonderful most Americans sound like that.
achei este video deveras ruim pois o método de ensinamento foi precário e paia mais uma vez revoltado com a indústria brasileira neonazz isso é um pedido de ajuda das pessoas necessitadas pois estamos com fome e queremos comer
ratio
basic..
5yo tutorial take it down
Get me a standalone app like Sketch so I don’t need an internet connection all the time. Dealbreaker for me. And I’m willing to pay for it. No problem. But get rid of that stupid internet connection!
As far as I know if you download the desktop app you don't need the continuous internet connection
The blue connection node never appears for me in figma what is wrong? is the interface of figma having a bug with this feauture?
Hey Kokola, if you're not able to make connections, be sure you're in the Prototyping tab at the top of the right sidebar. For more help, try posting on the forum at forum.figma.com to get help from other Figma users!
@@Figma I fixed it. It doesn't recognize random shapes as a frame, so you need to first select your parts and click "ctrl+f" for it to become a frame. Then the blue connections appear.
Thank you
thanks