Form Design in Figma with Interactive Components

-- Today, we're stepping back into the world of UI/UX and Figma to design and prototype forms. We'll discuss all of the relevant areas of form design as they pertain to UI/UX, and also how to prototype them with Figma's interactive components beta feature.

Apply for the interactive components beta feature:

0:00 - Introduction
0:50 - An Awesome Offer
1:29 - The Tutorial
36:10 - Closing

Let's get started!

#figma #forms #uiux

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[sanjitselvan]

Your videos are drawing me to learn design. Your thought process for each step is simply outstanding!

[BobbyCharlz]

Your videos and manner of presentation are excellent. As soon as my bandwidth expands a bit, I’ll be sure to check more of them out and imagine that courses are pretty excellent as well. Thank you for this.

[deletingmychannel]

Thank you! This helped me with my checkout forms for my prototype :)

[Manlikeani]

This was so helpful man i really appreciate it

[raulaguilar]

Why not using Auto layout properties and frames instead of using shapes?

[simplyaizhan]

Great video! FYI, i think that Figma resolved the auto-layout issue, so if you enable error message, the second input field will shift down!

[asheshroy]

I have been loving the videos for a long time. I have a question. In my Figma account when I am clicking prototype "enable interactive components" not showing. What to do to enable it?

[mdfasadik]

hey man!!...badly missing your coding stuffs!

[JabkO]

I beg you @DesignCourse. Please make a tutorial showing navigation bar with DROPMENU... I spend 2 days and still can't make it propertly...
I mean not a single one dropmenu but each setcion have his own dropmenu....:/

[yuralaskevich]

do I need to request access to this beta to unlock features?

[iftekharulhaque]

at 32:40, whenever i try to do auto layout like that the contents inside the shape spill out, this happens even when i turn my shape into a frame, why is that?, any solutions?, please help.

[TripinaRAMAustralia]

When the frame is saved as a PDF how do you allow the user to enter text into the field. Every time the field in the PDF is not interactive (not able to enter any data). Is this something Figma can do?

[Norell]

Give this content your thumbs up, you guys n' gals

[DevMadeEasy]

Hey 🔥 DesignCourse,
Form Design in Figma with Interactive Components?
🤩Wow, Great content, as always!!!
I just 💜loved it.
Thanks for sharing it!🙏

[kjeyaseelan]

@designCourse where did you get from change to action?

[nathaliaantequera]

Hey thank you for that! But when I do these prototypes links through the variantions (on click, mouse up, etc) it will conflict later when setting the buttons to navigate to another page. Please, do you know how to solve this?

[elisha]

Ok I'm at 15:15, I'm doing mobile app, and its only giving me "on tap, scroll to" instead of navigate to. I'm gonna scream please help lol

[emkhandigital]

wow, Adobe XD finally surpassing figma?

[YannickPian]

10 minutes out of the 36 to talk about the matter at hand...