Figma for Edu: Prototyping 101, new basics

This workshop is an introduction into the prototyping features in Figma while covering some updated capabilities over previous workshops held previously. We will cover many of the basic frame-to-frame navigation prototypes for devices, and touch upon some of the more advanced capabilities that you can unlock with features such as interactive components. Get the start file here: www.figma.com/community/file/...
Figma is free to use. Sign up here: bit.ly/3msp0OV
____________________________________________________
Find us on ⬇️
X (formerly Twitter): / figma
Instagram: / figma
LinkedIn: / figma
Figma forum: forum.figma.com/
____________________________________________________
#Figma #FigmaEdu #Prototyping #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems

[@ThoughtsCo_17]

I am really enjoying these long-formatted tutorials, it makes me understand even more. Thank you so much for the hard work you are putting into the workshop. I am really enjoying them, love this!

[@Underhills]

Always some nice little tips to pick up in tuts like these. It's so easy to forget what you knew some months ago if it's gone cold.

[@lachocolatada]

Thanks a lot for this superb tutorial Miggi! I already created a light-dark mode using the switching toggle button. You're a fantastic teacher! Cheers from Spain!

[@TonyBullard]

I knew about half of what you covered, but you sprinkled in a lot of little details that taught me a ton! (Like that beautiful keyboard shortcuts menu!) Thanks!

[@mohammed-rb5ko6lv1f]

finely I found the best tutorial to fix my design problem please keep it❤❤❤❤❤

[@LauraJane]

Missed it live but got to watch this after and it was really really good! thank you.

[@AkinsRealm]

I'm glad I checked the whole video, even though I know about advanced prototyping I sure learnt some new tricks, thank you!

[@christianmagdaleno-be8gc]

do you work at figma?

[@AkinsRealm]

No, but I wish of course lol. Why did you ask that (hope I'm not going to see a "funny" etc comment, you know the internet lol, so sorry had to say that :))

[@KhaleelWard]

This was very helpful. I love all of these workshops

[@ivygrzy]

"Auto-magically" "Dragger" ... Miggi, you are a treat! ❤

[@emmanuellaNdukwe]

Very insightful. Thank you.

[@bradmacdonald6591]

The animate matching layers feature is great! thanks for pointing that out :)

[@tatianakahana6131]

Thank you very much! It was very helpful

[@LafleurJazzy]

I really enjoyed this workshop. Thank you! is there a workshop for animated interactions? I couldn't figure out how you did it.

[@rajkumar-rz1fr]

very helpful video thankyou sir🙏

[@is4233]

Thank you! I learned a lot!

[@furkansimsek33]

Great demo, thank you so much for sharing :) Can we have more of this kind of Figma trainings from you?

[@alexfagundez6610]

Yes! All of Miggi's Figma for Education workshops are posted here: ruclips.net/p/PLXDU_eVOJTx5XxU4ncwRmFKjXQhpRU0Cr

[@valeria_battaglia]

Hi Miggi, I'm Valeria, a designer from Palermo. I have a question for you.
I need to design a frame with a fixed image (as a background) that has the height of the viewport and I would like that other elements scroll over it. Is it possible? How can I do it?

[@MrConway007]

Hey Miggi, great tutorial dude, really enjoyed this one, Problem is when prototype the first example (between the red and blue boxes) mine feels like it is dissolving between the two shapes rather than morphing between the two, as you had happening in your example - even though I had smart animate applied on both my connection noodles, any ideas on what to fix pls?

[@Figma]

Make sure the name of both layers and position of both layers in the respective names are consistent. - Miggi

[@mohammed-rb5ko6lv1f]

Mr miggi I have problem with advanced typing like example when I made interaction process on phone keyboard like example when I click ''a'' button the character inside input field will trans into "a" letter but the problem is when I want to delete just one character when I click on delete button , not deleting the whole string inside input field .

[@MrMu42]

Thank you so much

[@TheReineNour]

Great session. Thanks Miggi.
Has anyone tried the Pacman animation?

[@tonystarkmowa]

Is there any Next part for this?

[@florencekey9898]

Thank you always miggi! Now I'll need a 102 class please 💕

[@sukranyardmc]

My new motto: Automagic 😊

[@igorjanjanin4442]

I don't get the bounce/snap back when scrolling it just stops. Any help?

[@NeelimaK-pk8by]

Hi, how can i add in figma community?

[@madihagraphics]

Awesome

[@NeelimaK-pk8by]

How can i add in figma community?

[@warlockCommitteeMeeting]

please make a sequel with more. thanks.

[@berabean3898]

I don't get the bounce back when scrolling it just stops.

[@RoyMohubu]

You are a very good teacher, much appreciated🫡

[@854Rri]

I love figma

[@Lteken]

I add bounce to everything😓

[@freelancetechie]

Figma should lauch xr mr designing

[@marcocubedo1825]

I can't hear anything. It's just me?

[@VOMotion]

Yes

[@Figma]

Audio is fine for us :). Please check your settings and speakers.

[@freelancetechie]

I m first

[@charleswhsu]

Ok first of all I don’t need to see your face! Near the beginning of the video you show interaction in the top right hand corner of the screen and your face is blocking the view of what you are doing! At least remove or move your face when showing the interaction! Come on! Doooo better!!