Credit Card Form with Auto Layout - Figma Crash Course

  Рет қаралды 40,719

Sketch Together

Sketch Together

Күн бұрын

Пікірлер: 75
@salwam833
@salwam833 3 жыл бұрын
Im somewhat finding auto layout and constraints very hard and confusing to grasp and work with but your tutorials are the only one that is giving me hope that I can get this! thank you
@maciejrojecki3560
@maciejrojecki3560 3 жыл бұрын
same
@milililie
@milililie 4 жыл бұрын
Really nice tutorial, I like that you show in the beginning what you are about to make, it makes it easier to follow.
@mattbolt9487
@mattbolt9487 Жыл бұрын
You are the bob ross of Figma auto layouts! Awesome work. These videos are fun.
@official_pupatee
@official_pupatee 7 ай бұрын
You are the best tutor , and fun
@qjay56
@qjay56 2 жыл бұрын
Another Great video. When you changed the icon from the credit card to the More information logo, that little step was the cherry on top. Another way to work smart in Figma.
@moicefalo
@moicefalo 2 жыл бұрын
Finally, a dynamic and very, very explanatory tutorial. I'm lovin 'it.
@andrekiousevans4160
@andrekiousevans4160 3 жыл бұрын
how did you type the dots like that? 7:44
@txboi1805
@txboi1805 3 жыл бұрын
Auto layout saved my life! Have learned so much from your tutorials. Thanks, Pablo!
@rahultupe804
@rahultupe804 3 жыл бұрын
now I understand auto-layout much better. Thank you for this amazing series.
@mukulishwar2737
@mukulishwar2737 3 жыл бұрын
Your tutorials finally made me able to grasp auto-layout thanks Pablo! Would you please make a design system tutorial using auto-layout, variants please? Your explanations are super
@ania5078
@ania5078 3 жыл бұрын
Hi Pablo! Thanks for such amazing tuts! I'm learning so much from you. You are the BEST!
@KulwantSingh-ic8uz
@KulwantSingh-ic8uz 21 күн бұрын
Great video on auto layout....thanks!
@nimotaogunlana6368
@nimotaogunlana6368 2 жыл бұрын
Interesting 😊. Well understood and it helped a lot!!!!!. Thank you so much ☺️.
@Adlip_Kun
@Adlip_Kun 6 ай бұрын
Thank you for this amazing course
@exenecoulsen9629
@exenecoulsen9629 3 жыл бұрын
Thanks so much for the series. I watched all the videos. I now understand autolayout!
@TerekkiTerekki
@TerekkiTerekki 3 жыл бұрын
Thanks - like your style of presentation
@gretarthorgudjonsson965
@gretarthorgudjonsson965 3 жыл бұрын
Thank you Pablo!! Much love
@minalmukarande
@minalmukarande 2 жыл бұрын
I actually understand now how auto layout works😃 thank you
@aniketjoshi7518
@aniketjoshi7518 3 жыл бұрын
you are a master of Autolayout
@susangoodwin7419
@susangoodwin7419 3 жыл бұрын
Such a helpful video, just saved me so much time! Thank you!
@jimmykowalski3669
@jimmykowalski3669 4 жыл бұрын
Great series Pablo! Really useful examples and very well explained. Love it.
@samankhamooshi1834
@samankhamooshi1834 2 жыл бұрын
It helps me a lot. Thanks a million
@Carroty_Peg
@Carroty_Peg 3 жыл бұрын
I'm doing all your videos to help me learn. Thank you a lot!!
@nooraniali
@nooraniali 2 жыл бұрын
Amazing stuff. I learned a lot.
@woshiairy
@woshiairy 3 жыл бұрын
Very very cool! Knowing this will save me so much time in the long run. Thank you for the video
@rodrigo-santander
@rodrigo-santander 3 жыл бұрын
¡Muchas gracias Pablo! Con tus cursos he aprendido mucho más que con otros que compré para empezar con Figma
@muntasirmahmud8153
@muntasirmahmud8153 3 жыл бұрын
Your video is really amazing and I learn a lot of new things from you... Thanks man..
@agustinfernandez5688
@agustinfernandez5688 3 жыл бұрын
Loving this! nice tutorial
@CanalTresGames
@CanalTresGames 3 жыл бұрын
I really like your videos, they are awesome, man, and you talking, kinda remind me Bob Ross kkk, i love it
@bethdeweystanford857
@bethdeweystanford857 3 жыл бұрын
I was thinking the same!
@titanhedric3431
@titanhedric3431 2 жыл бұрын
Great Tutorial, I just want to know what is this menu you select to change the icon from?! 7:51 Is that a component library and if so how do you make every icon respond to that that you can switch icons so easily?
@bpsujith
@bpsujith 3 жыл бұрын
Thank you very much. I have been looking for this.
@paperfacesingold2
@paperfacesingold2 3 жыл бұрын
Awesome course! Thanks a lot, Pablo!
@keunekeune
@keunekeune 3 жыл бұрын
1:42 Figma's mission statement in a nutshell haha
@chandnianand584
@chandnianand584 3 жыл бұрын
Awesome!! Very well explained
@produktanci
@produktanci 4 жыл бұрын
Figma Maria, your autolayout is hot
@sofiaaquinogomez6947
@sofiaaquinogomez6947 4 жыл бұрын
Your tutorials are the best!! Thanks for sharing ❤️❤️❤️
@iralizard
@iralizard 2 жыл бұрын
Amazing!!!! Thanks!!!
@suman121069
@suman121069 3 жыл бұрын
awesome tutorial, big help :) you rock man
@aderonx
@aderonx 3 жыл бұрын
Really cool tutorial, enjoyed the explanations and was easy to follow! Thanks
@josemartins4662
@josemartins4662 3 жыл бұрын
Very helpful! Thanks for the video
@Anastasia-ze5xz
@Anastasia-ze5xz 4 жыл бұрын
Thanks for this amazing course, Pablo!
@ramazanguler6066
@ramazanguler6066 3 жыл бұрын
thank you for best lesson
@jenya4009
@jenya4009 2 жыл бұрын
awesome tutorial, thanks!! I wonder why at 9:20 you are changing the resizing property to "fill the container" if you still have to resize the input field manually and the property automatically changes back to "fixed width"?..
@Underhills
@Underhills 2 жыл бұрын
7:50 - Unable to add that icon, it snaps outside the whole section. I don't have the dropdown icon menu like you have there, I have to add it manually by dragging it in and it refuses to become part of that component layer structure.
@adavidov
@adavidov 4 жыл бұрын
Awesome demo!
@gustavolepe741
@gustavolepe741 3 жыл бұрын
Gracias Pablito
@toyourattention
@toyourattention 2 жыл бұрын
how did you put the dots at 7:46 ?
@FelipeSousaDev
@FelipeSousaDev 3 жыл бұрын
really really nice! thanks a lot!
@marabizarria7078
@marabizarria7078 3 жыл бұрын
Wonderful!!!
@amitbiswas54
@amitbiswas54 3 жыл бұрын
sir you are great......
@vuagnouxyoann44
@vuagnouxyoann44 3 жыл бұрын
Hello Pablo, thanks for sharing this useful crash course ! at 9:00, the "Fill Container" resizing mode is now "Scale" in the Constraint and Resizing window isn't it ?
@nathantufts-brown8608
@nathantufts-brown8608 3 жыл бұрын
at the 5:03 mark with the hug contents adjustment and it's forcing all of the elements inside the text field to the center, instead of the the far left. Thoughts?
@nathantufts-brown8608
@nathantufts-brown8608 3 жыл бұрын
nevermind, just figured it out
@manashkashyap7780
@manashkashyap7780 3 жыл бұрын
When are you uploading other parts of the course?
@ishmaelsunday6238
@ishmaelsunday6238 3 жыл бұрын
Thanks great video
@gpulhoa
@gpulhoa 3 жыл бұрын
I'm not able to change the icon like you did at 07:52, the button to look for another icon is inactive, can you help me?
@sandeeplama3905
@sandeeplama3905 2 жыл бұрын
while adding icons in CVV whole input field icon change and the three dot ins not in center im using ... this ?? is there anything wrong??
@Powerplugz
@Powerplugz 3 жыл бұрын
How can I make input forms editable when presenting the mockup?
@tadswiech3043
@tadswiech3043 3 жыл бұрын
the best
@MOHAMEDHASSAN-fk9jv
@MOHAMEDHASSAN-fk9jv 3 жыл бұрын
Great
@stanmx
@stanmx 4 жыл бұрын
Amazing the thing you can design with auto layer 🙌🏼 --I like you use variants in this example, is the first time i see it in action, i hope you use more in the future. #TeamFigmaMaria 👊🏼
@bhavyalalwani5565
@bhavyalalwani5565 3 жыл бұрын
can someone tell me why did he put the input field in a component
@emmanuelolubodun1
@emmanuelolubodun1 3 жыл бұрын
How you swapped the card icon to info icon still confuses me. thanks for the tutorial, I am just learning auto layout and so far your videos are more explanatory. please shed more light and make me less confused
@Mittenzzs
@Mittenzzs 3 жыл бұрын
great tutorial, however when i resize so the frame is 200 w or less, the text inputs (1234, mm/yy, etc) get squished and are not responsive. ive been trying to figure out how to get them to respond correctly so that the text is always horizontal and within the bounds of the input frame but im stuck. anyone know?
@kathvizcarra6082
@kathvizcarra6082 4 жыл бұрын
🙌🏻🙌🏻🙌🏻❤️❤️❤️
@eSpidey007
@eSpidey007 3 жыл бұрын
Pablo for el presidente !!
@Kimardszn
@Kimardszn 3 жыл бұрын
How did you make your hidden/deleted icon reappear? You changed the icon in the CCV input field by making the icon reappear, how did you do that?
@mukulishwar2737
@mukulishwar2737 3 жыл бұрын
In the layers panel, he clicked on the eye icon for that icon
@HH003
@HH003 4 жыл бұрын
Fill the container people...
Price Plans with Auto Layout - Figma Crash Course
17:00
Sketch Together
Рет қаралды 17 М.
Designing & Prototyping Forms in Figma
25:24
DesignCourse
Рет қаралды 25 М.
24 Часа в БОУЛИНГЕ !
27:03
A4
Рет қаралды 7 МЛН
УНО Реверс в Амонг Ас : игра на выбывание
0:19
Фани Хани
Рет қаралды 1,3 МЛН
Contact List made Auto Layout - Figma Crash Course
12:38
Sketch Together
Рет қаралды 53 М.
Learn Figma Auto Layout in 30 Minutes | FREE COURSE
41:56
Envato Tuts+
Рет қаралды 56 М.
Create a Masonry Grid with Auto Layout - Figma Crash Course
16:14
Sketch Together
Рет қаралды 29 М.
Flexible Nav Bar with Auto Layout - Figma Crash Course
13:07
Sketch Together
Рет қаралды 39 М.
UI Card Designed with Auto Layout - Figma Crash Course
12:59
Sketch Together
Рет қаралды 85 М.
Auto Layout for Beginners (crash course)
21:19
Flux Academy
Рет қаралды 64 М.
Figma Auto Layout | Getting Started with Auto Layout
13:16
Jesse Showalter
Рет қаралды 311 М.
24 Часа в БОУЛИНГЕ !
27:03
A4
Рет қаралды 7 МЛН