Designing & Prototyping Forms in Figma
https://bit.ly/3td13Bk 👈 Learn UI/UX Today. Use "UI2022" for 22% Off!
-- Today, I'm going to help you get out of form hell and into form success! I'll show you how to properly design and prototype common form interactions in Figma.
0:00 - Introduction
0:41 - Learn UI/UX Now
1:27 - Setting up a Layout Frame
2:58 - Form Title
3:56 - Textfield Design
12:17 - Creating the Component
17:39 - Floating Label Variation
20:49 - Button Component
24:30 - Final Thoughts
Let's get started!
#figma #formdesign #uiux
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Видео Designing & Prototyping Forms in Figma канала DesignCourse
-- Today, I'm going to help you get out of form hell and into form success! I'll show you how to properly design and prototype common form interactions in Figma.
0:00 - Introduction
0:41 - Learn UI/UX Now
1:27 - Setting up a Layout Frame
2:58 - Form Title
3:56 - Textfield Design
12:17 - Creating the Component
17:39 - Floating Label Variation
20:49 - Button Component
24:30 - Final Thoughts
Let's get started!
#figma #formdesign #uiux
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Видео Designing & Prototyping Forms in Figma канала DesignCourse
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Design & Prototype a Dynamic Button Dropdown in Figma](https://i.ytimg.com/vi/VjMfSfKflfk/default.jpg)
![NEW Design Trend? Let's Design a Website in Neubrutalism!](https://i.ytimg.com/vi/uHX3oTCFJzw/default.jpg)
![](https://i.ytimg.com/vi/QdpotvlZA6o/default.jpg)
![Your Designs are TOO BOXY! Here's how to fix it.](https://i.ytimg.com/vi/kAe4EgT2KXM/default.jpg)
![10 Genius Design Hacks in 10 Minutes 💥](https://i.ytimg.com/vi/NkQPhyRcF54/default.jpg)
![Figma Tutorial: Variants](https://i.ytimg.com/vi/y29Xwt9dET0/default.jpg)
![Creating the Most DYNAMIC Buttons in Figma](https://i.ytimg.com/vi/KWUlkXZOj4g/default.jpg)
![How to Design Powerful Components and Buttons with Variants and Auto Layout in Figma (NEW)](https://i.ytimg.com/vi/ODOR5EniJNg/default.jpg)
![7 Design Portfolios that I MIGHT Rate a 10!](https://i.ytimg.com/vi/m0VHFrhceik/default.jpg)
![Figma tutorial for Beginners: Complete Website from Start to Finish](https://i.ytimg.com/vi/HZuk6Wkx_Eg/default.jpg)
![Figma Dropdown Menu with Variants | Figma Prototype Tutorial](https://i.ytimg.com/vi/hZd0s8yN0Io/default.jpg)
![1 Design Trend in 2022 That I Think will be BIG! (7 Examples)](https://i.ytimg.com/vi/6VjvT5uMm-w/default.jpg)
![Figma Convert Any Website UI To Mobile UI Instantly - Easy Figma Tutorial | Design Weekly](https://i.ytimg.com/vi/a9ZMZ4C6Pn0/default.jpg)
![Figma tutorial: Component properties](https://i.ytimg.com/vi/iIq8FLt1hUY/default.jpg)
![Figma interactive components | Figma Button Animation](https://i.ytimg.com/vi/poquTNm7Kws/default.jpg)
![The One Typography Mistake Most of you Make! - Including Myself!](https://i.ytimg.com/vi/Upg7Ykl_e-4/default.jpg)
![Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2022)](https://i.ytimg.com/vi/FTFaQWZBqQ8/default.jpg)
![An EASY Way to INSTANTLY Improve your UI Designs](https://i.ytimg.com/vi/Q8A2E8CnYH4/default.jpg)
![Figma tutorial: Interactive components](https://i.ytimg.com/vi/ReNbXhaL3Xk/default.jpg)
![How to Design a SICK Dashboard UI in Figma](https://i.ytimg.com/vi/yOQ-5EcrgLE/default.jpg)