Figma for Edu: Prototyping 201, interactions

[@DesignwithKhafilat]

I love the way you teach. Thank you for this amazing session.

[@kimberlyspicer3365]

Thank you for this video! I learned so much in a short time.

[@SatyamBarnwal090]

This was just dope. amazing session. learned a lot!

[@furkansimsek33]

Great lesson thank you so much :)

[@Cottoncandy17890]

really amazing content love it

[@johnesmaina8552]

@miggy from figgy The lesson is quite an eye opener of what to practice on and different interaction actions. My favorite part was actually getting to know that you can convert those particular designs to lottii animations. Let's keep designing..

[@mahyamansouri6747]

Wow!! That was amazing! Thank you

[@phoebianmonu9161]

Wow this was a good one!!😊

[@jingxianguan3177]

great helpful, thanks for sharing🥰

[@perredicarlo6094]

The buttons used in the examples here are either rectangles, text objects, or a simplified component with no interactivity. That’s different from everyday prototyping when you’ve already built buttons and nav bars with interactivity. We’re trying to Scroll To using a navigation bar or another button with states so a button turn from “active” to “selected”. When there are two On Clicks on a prototype, I can trigger the behavior of one or another. Not both. If I use an On Click and a Mouse Up, same failure. One always kills off the other. Could you point us to a demo that changes both a button’s state AND scroll to simultaneously (or after a delay)?

[@TheItzen9]

Awesome video! Bookmarked it right away! Which micro interactions are a good idea to include inside a design system component? For example, the bloom on google's design system can be included inside your button component which makes it look and behave like the real button.

[@pusakis]

Hi friend! I have a question that I couldn't find the answer to. Does Figma have a behavior or variant for prototyping radio buttons? Specifically, I'm looking for a single selection component where clicking one option deselects the others in the prototype (without building component variants for each selection). Thank you in advance. Best regards, Maru from Argentina.

[@kelvinni8294]

All the animation are cool but how do we hand it off to the engineers?

[@aaronugede]

export assets as gifs, perhaps?

[@khalilurrehman3149]

👍👍👍 nyce sir!!!

[@danielbrillantes2791]

Thank you very helpful

[@meryvillena]

Brilliant. Thanx!!

[@Great_kc]

Thank you

[@SA-cb2it]

Is there a any way to get undo button on screen in figma? So that it can be accessed with mouse. I am trying to use it but this software is so not intuitive it is unbelievable! Undo is used so much in any design software and they have made it so difficult, what if I don’t use keyboard while designing , I can’t use undo quickly, by mouse first go to edit and then undo! How does this make sense to makers of this software! Using it raises my blood pressure it is so frustrating!

[@shivamarora309]

I really loved it.

[@arbenlocaj5552]

Where can i follow a course in figma professional?! Thnx!

[@k16e]

Is this doable in code (and/or is Figma writing the code [in dev mode perhaps])?

[@nooriesheikh8411]

prototyping was never that fun and easy to learn thank you!!

[@breezeokami7475]

Bro, the smart animation called "Load Circle" was so complicated that I studied it for two days to get an effect😭

[@Supercarsguy]

Proto type 💙

[@MyDigitalHub]

Awesomeness

[@andypbrowne]

Prototype a prototype! ❤

[@designservices697]

wonderful

[@ChetansVibe]

❤❤Nice

[@ujkim7584]

❤

[@susa5045]

Excuse me! Who is going to need a non-functional map panning Prototype - for what reason? Certainly not for user testing ! Figma has a lot of work todo to provide regular simulated interaction that are suitable for RAPID prototyping ! Show me how to apply interactions to NESTED instances so that it works! That would truly help to provide some kind of value to the process.

[@figma-miggi]

The example of the map helps convey scrolling in two dimensions, and is a common interaction paradigm, using. a map helps bridge the idea gap so folks can understand it better. Prototypes are meant to help test and communicate ideas, and user testing takes on many forms and has many needs, across different industries. Will consider demonstrating nested interactions in a future workshop, but please understand that while something might not be useful to you, it may help unblock someone else.

[@coder_rc]

Its great ​@@figma-miggi

[@shifatmasud]

@figma, @spline & @rive You guys should collaborate. We can't wait for a new revolution in Interactive Design.