Тёмный
No video :(

How to use Figma Auto Layout Wrap feature with min width and max width. Practical Example. 

Thefemijohn
Подписаться 15 тыс.
Просмотров 7 тыс.
50% 1

Learn to work with the new auto layout feature including the min-width and max-width sizing options. Practical example by creating a responsive frame.
link to project file
www.figma.com/...
Sign up for Figma using this link
psxid.figma.co...
Timecodes
0:00 - Intro
4:00 - The basics of Autolayout
5:17 - Discount Layer
6:50 - Top Navigation Layer
8:40 - Autolayout Card Design
11:50 - Responsive Behavior on each Layer
15:10 - The Wrap Feature Behavior

Опубликовано:

 

15 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 31   
@JadeMDesign
@JadeMDesign 10 месяцев назад
This was very helpful, thank you!
@femijohn
@femijohn 10 месяцев назад
You’re welcome
@SisiBisi-zh1cj
@SisiBisi-zh1cj 2 месяца назад
Thank you so much
@femijohn
@femijohn 2 месяца назад
You’re welcome
@otabekmukhsinov6302
@otabekmukhsinov6302 Год назад
Big thanks for this detailed explanation man!
@femijohn
@femijohn 10 месяцев назад
Glad it was helpful!
@nomankhannomanlhan4090
@nomankhannomanlhan4090 Год назад
Hello, Sir this video is very detailed for me and l impress to you...
@femijohn
@femijohn 10 месяцев назад
Thanks and welcome
@mahdiandalib186
@mahdiandalib186 Год назад
thx man you are the best plz create more videos
@mahdiandalib186
@mahdiandalib186 Год назад
create a design system for input fields like the one you have created for button
@femijohn
@femijohn Год назад
You're welcome, More to come! 😊
@femijohn
@femijohn Год назад
Thats a good Idea. I would work on this and reply this thread when its available. Thank You.
@mahdiandalib186
@mahdiandalib186 Год назад
@@femijohn thx
@RAJESHKT
@RAJESHKT Год назад
I appreciate you for this video. very easy to learn.✌
@femijohn
@femijohn 10 месяцев назад
Glad it was helpful!
@vincentpromise9991
@vincentpromise9991 Год назад
Very detailed 👌
@femijohn
@femijohn 10 месяцев назад
Thanks a lot 😊
@dominikorlowski566
@dominikorlowski566 7 месяцев назад
Question. In 0:47 you are increasing the size of the auto layout frame so that the arrangement of your cards responds: from 2 cards in row #1 and 2 cards in row #2 to 3 cards in row #1 and 1 card in row #2 Is there a way for that single card in row #2 to NOT span fully across, but rather acquire the same width as 3 cards in row #1?
@adeleyejames8551
@adeleyejames8551 Год назад
Good work bruv
@femijohn
@femijohn Год назад
Thank you so much 🚀
@reezus_
@reezus_ Год назад
🎉🎉🎉
@Pibepan10
@Pibepan10 Год назад
btw nice tutorial thanks you
@femijohn
@femijohn Год назад
You're welcome
@Pibepan10
@Pibepan10 Год назад
what happen for example when you have a slider/Menu in a side (desktop view) normally I had to do another screen for mobile with a menu button to open it, can we do something like that with the new tools ?
@femijohn
@femijohn Год назад
Okay, that’s a really good question…I’m going to let you know when I do a video on that.
@TheChefAine
@TheChefAine Год назад
This was so good 😍😍❤❤
@femijohn
@femijohn Год назад
Thank you 😊
@Beekrm
@Beekrm Год назад
This is soo great ! Form field frame with nested components please …
@samihaholajumoke3426
@samihaholajumoke3426 Год назад
I really really appreciate your videos , please can you make one on prototyping??
@femijohn
@femijohn Год назад
Yes sure I will. You mean the basics of prototyping right?
@samihaholajumoke3426
@samihaholajumoke3426 Год назад
@@femijohn yes pleaseeeeee
Далее
Figma Tutorial: Auto Layout & Constraints
14:49
Просмотров 21 тыс.
Get 10 Mega Boxes OR 60 Starr Drops!!
01:39
Просмотров 11 млн
NOOOO 😂😂😂
00:14
Просмотров 15 млн
Auto Layout for Beginners (crash course)
21:19
Просмотров 22 тыс.
Rebuilding YouTube With Figma (Auto Layout Tutorial)
16:57
Responsive Design in Figma: Crash Course 2023
20:47
Просмотров 110 тыс.
How to use Figma Frames & Autolayout?
1:01:31
Просмотров 118 тыс.
Amateur vs Pro UI Design | with examples
20:46
Просмотров 73 тыс.