Figma for Edu: Prototyping 101, new basics

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

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

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

[@timehealseverythingxxx]

2:08 Basic Prototyping with Interactions 16:49 Basic Prototyping with Navigation 27:31 Creating your own Slide Decks using Prototyping 31:56 More Basic Prototyping with navigation (Changing Settings) 33:50 Scrolling Prototypes 46:21 Previewing 46:50 Sticky Scrolling 48:42 Interactive Components 57:26 Video Prototyping 58:15 Q&A

[@abigailgalilo851]

thank you bro/sis!

[@rayhanajf188]

I appreciate that! Your comment really helped me

[@mohammed-rb5ko6lv1f]

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

[@XyberXych]

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

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

[@richinflow]

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

[@Kuwandi]

your deliveryis great, manner of speech is very engaging and not choppy, flowing speech in a normal conversation...which i love - as oppsed to dry robotic speech 100

[@johnesmaina8552]

The immense level of understanding and light bulb moments is mind-blowing. Miggy from Figgy keep up the fire burning. @Johnes graphics from Kenya..

[@meb4100]

darn...it's fantastic! Every two minutes functions are updated so I am already missing to replicate with the new Figma. Oh well, part of our daily struggles

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

[@ivygrzy]

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

[@priyankapgohil]

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

[@guillermolopez1175]

Excellent tutorial! Thanks!!

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

[@KhaleelWard]

This was very helpful. I love all of these workshops

[@brunacosta374]

amazing video!

[@tatianakahana6131]

Thank you very much! It was very helpful

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

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

Thank you Figma and Miggi :)

[@AlexFirst1000]

Love the accent! Feels like I'm being taught Figma by a homie who got ma back ✊🏼

[@emmanuellaNdukwe]

Very insightful. Thank you.

[@suellenmbastos]

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

[@florencekey9898]

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

[@ramonenriquezschafer214]

Awesome tutorial. Thank you so much!!!

[@macarenacosta3055]

Amazing tutorial, thank you!

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

[@HabibaMoustafa-vh9tz]

Where can I get a background photo like the one form the "sticky prototyping " part?

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

[@NourBireedo]

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

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

[@avgenjy]

How did you put the yt vids on the figma file?

[@MrMu42]

Thank you so much

[@warlockCommitteeMeeting]

please make a sequel with more. thanks.

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

[@AdamHarte]

It is hard to know who this is for. Advanced enough to be building prototypes in Figma, but don't know how to zoom, or what copy/paste is?

[@igorjanjanin4442]

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

[@berabean3898]

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

[@854Rri]

I love figma

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

[@NeelimaK-pk8by]

Hi, how can i add in figma community?

[@fanxichou9603]

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

[@Krizzoa]

Is there any Next part for this?

[@madihagraphics]

Awesome

[@Lteken]

I add bounce to everything😓

[@nasmith67]

Shift + E ; E = Emulation

[@fanxichou9603]

very good，only just too many command/ctrl d

[@freelancetechie]

Figma should lauch xr mr designing

[@Marko.worship]

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🫡

[@NeelimaK-pk8by]

How can i add in figma community?