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/...
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

[@XyberXych]

Thank you Miggi! These walkthroughs you create are truly so helpful in advancing myself in my career. Please don't stop!

[@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!

[@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!

[@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!

[@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 :))

[@priyankapgohil]

This was very informative. Thank you Miggi for simplifying complex prototyping features into easy to understand ones❤

[@blossomaworh8733]

Thank you so much Miggi. Glad I came across this tutorial and it has helped me understand prototyping better. Kudos and keep up the good work.

[@richinflow]

What a vivid tutorial! Really well explained, also with fun and quite easy to follow examples that help the overall understanding

[@mohammed-rb5ko6lv1f]

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

[@bradmacdonald6591]

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

[@LauraJane]

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

[@ivygrzy]

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

[@KhaleelWard]

This was very helpful. I love all of these workshops

[@emmanuellaNdukwe]

Very insightful. Thank you.

[@ramonenriquezschafer214]

Awesome tutorial. Thank you so much!!!

[@tatianakahana6131]

Thank you very much! It was very helpful

[@רויתאלימלך-ק1ג]

Thank you Figma and Miggi :)

[@LafleurJazzy]

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

[@macarenacosta3055]

Amazing tutorial, thank you!

[@mequable]

Kinda too detailed at the beginning, but then the explanation for how to create variants of properties was really missing. How to create different states of properties, so that the item rotates?

[@d.a.n.e.l.m.e.d.i.a]

He didn't talked about that at all

[@florencekey9898]

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

[@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: kzbin.info/aero/PLXDU_eVOJTx5XxU4ncwRmFKjXQhpRU0Cr

[@is4233]

Thank you! I learned a lot!

[@sukranyardmc]

My new motto: Automagic 😊

[@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

[@fanxichou9603]

the part interactive component-IG Story is not good, can't keep up

[@NourBireedo]

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

[@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?

[@warlockCommitteeMeeting]

please make a sequel with more. thanks.

[@berabean3898]

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

[@igorjanjanin4442]

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

[@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

[@fanxichou9603]

very good，only just too many command/ctrl d

[@madihagraphics]

Awesome

[@854Rri]

I love figma

[@nasmith67]

Shift + E ; E = Emulation

[@NeelimaK-pk8by]

Hi, how can i add in figma community?

[@tonystarkmowa]

Is there any Next part for this?

[@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!!

[@RoyMohubu]

You are a very good teacher, much appreciated🫡

[@rajkumar-rz1fr]

very helpful video thankyou sir🙏

[@NeelimaK-pk8by]

How can i add in figma community?

[@suellenbastos3173]

Thank you for teaching in such an easy way with incredible didactics! 🇧🇷 💥