No video

Building Responsive UI Components in Figma

  Рет қаралды 35,159

Jesse Showalter

Jesse Showalter

8 ай бұрын

Let’s explore the components of responsive UI design using Figma. We will dive into the different techniques and best practices for creating adaptable and user-friendly interfaces. Join me as we uncover the secrets of building responsive designs in Figma and take your UI skills to the next level! ... Remember to Subscribe goo.gl/6vCw64
------------------------------------------------------------------------------------
🤝 //////////// Become a UI Designer in 30 Days:
30dayui.com
🏆 //////////// Join my free member's community to get access to perks:
designchamps.io/
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma
psxid.figma.co...
🖥️ ////////// I Prototype Magic in ProtoPie
www.protopie.i...
🖥️ ////////// I Build websites in Framer
framer.link/jesse
📅 ////////// I run my life with Notion
affiliate.noti...
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/13...

Пікірлер: 43
@jimmydiepdesign
@jimmydiepdesign 6 ай бұрын
Best explanation of responsive vs adaptive layout I've seen so far. I was having trouble with using auto layout, but now I fully understand it after watching your video. Thanks!
@josh_ux
@josh_ux 3 ай бұрын
Excellent video Jesse! Been watching your content for years. Great display of wrapping components with min/max widths. Bravo!
@JesseShowalter
@JesseShowalter 3 ай бұрын
Much appreciated! If you like my content you’d love my new course 30dayui.com
@ShaikhFaqrunnisha
@ShaikhFaqrunnisha 15 күн бұрын
This video was extremely helpful, Thank you very much!
@user-jf4ri5gg1e
@user-jf4ri5gg1e 24 күн бұрын
That breakpoint plugin is a game changer, nice one J!
@pilovasques
@pilovasques 5 ай бұрын
Jesse, this is the ultimate guide to learn how to go responsive, a gold mine! Thanks for sharing!
@JesseShowalter
@JesseShowalter 5 ай бұрын
Glad it was helpful!
@DickRockafella
@DickRockafella 7 ай бұрын
As a developer, I’ll be sharing this with my UX colleagues. It’s a great example of adaptive and responsive layouts, and follows similar principles to flex box layout.
@gabriel_figmaplayer
@gabriel_figmaplayer Ай бұрын
Thanks for sharing this important topic. I love the way you explained. ❤
@hasko09
@hasko09 6 ай бұрын
1:35 that 📌 example was a really good example and actually I was having a very hard time understanding constraints
@angelovergara
@angelovergara 4 ай бұрын
One of the most helpful tutorials I've personally seen. Looking forward to more?
@JesseShowalter
@JesseShowalter 4 ай бұрын
Always more KZfaq videos coming but if you want more also check out my course www.30dayui.com/
@Milchenkaa
@Milchenkaa 5 ай бұрын
Absolutely genius explanation!
@Phantasmentia
@Phantasmentia 7 ай бұрын
Super helpful! Thank you for this!
@okagideon4922
@okagideon4922 3 ай бұрын
This is amazing ... Thank you bro
@alstroemerialigtu
@alstroemerialigtu 2 ай бұрын
Great tutorial! Thanks :)
@sparkinteractive294
@sparkinteractive294 7 ай бұрын
Awesome Work Jesse ! Thank you
@user-vb1xu1jh8b
@user-vb1xu1jh8b 6 ай бұрын
Thanks.That's very helpful.
@muzahidulislam983
@muzahidulislam983 5 ай бұрын
best explanation. very helpful.
@FlorianBeaufreton
@FlorianBeaufreton 5 ай бұрын
@BastiUi, même ton nom apparaît dans des tutos anglo. Quel succès !
@JesseShowalter
@JesseShowalter 4 ай бұрын
👍🏼👍🏼👍🏼
@lachocolatada
@lachocolatada 4 ай бұрын
Best tutorial ever!!! I totally enjoyed it and learnt a lot --as I do with all your tutorials. Thanks Jesse! :) Cheers from Spain.
@JesseShowalter
@JesseShowalter 4 ай бұрын
Glad you enjoyed it!
@ysnerbdj
@ysnerbdj 2 ай бұрын
Why I don't have constrains
@alliialpha
@alliialpha 5 ай бұрын
thanks for your tutorial❤❤❤
@JesseShowalter
@JesseShowalter 4 ай бұрын
You're welcome 😊
@user-mr2zl5wt6m
@user-mr2zl5wt6m 7 ай бұрын
I learn so much from you😇
@JesseShowalter
@JesseShowalter 7 ай бұрын
Thanks so much
@ABNxRamirezx11
@ABNxRamirezx11 6 ай бұрын
Bro!!! This is great information!!!!
@myrasworld2104
@myrasworld2104 7 ай бұрын
Really well explained 🙂
@marketing_designer
@marketing_designer 7 ай бұрын
Thank you for knowledge from Ukraine 🇺🇦👏
@user-mr2zl5wt6m
@user-mr2zl5wt6m 7 ай бұрын
summary of this vedio:😁 # Frames The children adapt when the parent changes # Autolayout The parent change if the children change
@JesseShowalter
@JesseShowalter 7 ай бұрын
Good summary
@mkentrepreneur009
@mkentrepreneur009 7 ай бұрын
Awesome video Jesse i really learnt so much new things
@JesseShowalter
@JesseShowalter 7 ай бұрын
Glad to hear it!
@mr.rayparis
@mr.rayparis 7 ай бұрын
The best explaination
@JesseShowalter
@JesseShowalter 7 ай бұрын
👍🏼👍🏼👍🏼
@hamidui9733
@hamidui9733 3 ай бұрын
thank u brother
@waqariqbal19
@waqariqbal19 7 ай бұрын
Amazing
@motionraycreatives
@motionraycreatives 6 ай бұрын
tHANK You
@facundogimenez1679
@facundogimenez1679 Ай бұрын
Bro the music is pretty loud on this one 👀
@FaezeDalili-lm3dn
@FaezeDalili-lm3dn 5 ай бұрын
that's highly recommended🤌
@JesseShowalter
@JesseShowalter 4 ай бұрын
Thanks
How to Master Figma and Design 10X FASTER!
12:10
Jesse Showalter
Рет қаралды 38 М.
If Barbie came to life! 💝
00:37
Meow-some! Reacts
Рет қаралды 55 МЛН
Pool Bed Prank By My Grandpa 😂 #funny
00:47
SKITS
Рет қаралды 18 МЛН
WORLD'S SHORTEST WOMAN
00:58
Stokes Twins
Рет қаралды 177 МЛН
IQ Level: 10000
00:10
Younes Zarou
Рет қаралды 13 МЛН
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 781 М.
Master Spacing in UI Design 💪
10:23
Jesse Showalter
Рет қаралды 40 М.
How and When to Use Auto Layout in Figma
15:59
Fadel
Рет қаралды 4,1 М.
Amateur vs Pro UI Design | with examples
20:46
Jesse Showalter
Рет қаралды 74 М.
I tried every FREE website builder. This is the best
7:58
Steve Builds Websites
Рет қаралды 56 М.
Figma Masterclass for Beginners (2023 Updated)
31:57
Jesse Showalter
Рет қаралды 544 М.
Master Figma UI Design in 15 Minutes | This Tutorial Is For You!
15:28
Website Learners
Рет қаралды 563 М.
The Easy Way to Design Top Tier Websites
11:54
Sajid
Рет қаралды 300 М.
Reduce Prototypes by 50% (Simple trick) | Figma Tutorial
5:41
If Barbie came to life! 💝
00:37
Meow-some! Reacts
Рет қаралды 55 МЛН