Building forms in Figma with component properties

This is a free preview of one of the updates to the Figma Academy curriculum.

[megaroeny]

Being rigid with specific icons is perfect. I started doing this for our Banner icons that have info, success, warning, critical kinds.

[kuldeepjaswalkens]

Hi Ridd, did you create all these components or taken library prebuilt library? I wants to use form components can you help me...thanks

[MaxWeir]

In this nice example, what is the Button Text used for?

[dubioussource]

This is super-helpful. How do you handle a field with an [icon right] and an error state? Like a password input field with show/hide icon. In the error case, you need ability to swap the show/hide icon with the error icon.

[pabliche]

Hey, great video. Question, any suggestions on how to create large forms with “unknown” variations without having to detach components?

For instance, I have a form with 10 fields arrange in different layouts in one page but now need to make a new form with a completely different layout. Any way that can be accomplished without detaching the components? Thanks!

[kdotp]

Great video, thanks so much for these!! Super helpfull

Question for you: When you link up your text properties, it changes all of your default text in your variants (i.e. everything now says Placeholder, removing differences like 'Typed text' and the '|' for Focus. How do you work around this if you want designers dropping components in with the correct placeholding text?

[oZenakos]

Hey Ridd, thanks for making all these Figma vids super clear & to the point

[marianlucas]

Hey and thanks for another great video 🙌 Love Figma Acadamy.. Does this mean that you'll add more advanced and detailed lessons to FA? Plus remove all the lessons where base components are still included?