Useful Adobe Xd Features: Padding & Stacking

  Рет қаралды 32,435

Rino de Boer

Rino de Boer

Күн бұрын

These Adobe Xd Features, like Padding, Stack and Components are useful features for responsive design and things like measure distance. These features were already here in 2021, but I didn't have the time to explore them until now in 2022. That's why I still think this video is valuable! I hope you guys like it.
The video that I mention: Why you should never start in Elementor, but in Adobe Xd: • Why you should NEVER s...
Interested in a discount for my upcoming design course? Grab the discount here: livingwithpixels.com/design-c...
These days I don't promote Xd anymore, so now visit: livingwithpixels.com/figma
→ Software I recommend
Hostinger for affordable webhosting: livingwithpixels.com/hostinger
Siteground for premium webhosting: livingwithpixels.com/siteground
Elementor for no-code web-development: livingwithpixels.com/elementor
Figma for Web Design: livingwithpixels.com/figma
All recommended software & discounts: livingwithpixels.com/software/
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixels.com/elemento...
Figma Design Mastery Course: livingwithpixels.com/design-c...
Business Course: livingwithpixels.com/business...
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixels.com/elemento...
Figma Design Starters Guide: livingwithpixels.com/design-g...
→ My Social Media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

Пікірлер: 83
@justinhouse1091
@justinhouse1091 2 жыл бұрын
Really appreciate these videos. Yes, I've seen some others on stacking and such, but this explained it in more detail, therefore opening my eyes to ideas and efficiency. Thank you! Shout out to The Netherlands...I use to live there and absolutely loved it. Some of the best friends I've ever had.
@VincentForDesign
@VincentForDesign 2 жыл бұрын
This is so so helpful. When I search “work fast with Adobe XD on KZbin, your first tip is the very reason I search for it. And your video appear as the first result!
@KimberlyEddyThoughtsDesigns
@KimberlyEddyThoughtsDesigns 2 жыл бұрын
That was so helpful Rino. Your posts are always informative! Thank you.
@Tony6ixX
@Tony6ixX 2 жыл бұрын
Thank you for this and your many other super helpful videos! I love your work and would be very happy to see you live on twitch someday 😊
@hotfrozenpasta6932
@hotfrozenpasta6932 Жыл бұрын
It's cute how happy you are that you found these features. I wish I had known those when I designed my first app for a university project a year ago :D
@adacheung7659
@adacheung7659 Жыл бұрын
Thank you!!so informative and useful function 😊
@manoelafvb
@manoelafvb Жыл бұрын
As an autolayout-driven person, who learned how to create elements based on the components and auto layouts on figma, this video saved my life because it reprogrammed my brain to apply the figma logic on adobe XD logic and now I can ACTUALLY MAKE STUFF I wasted so much time creating a wireframe that was going to be useless and now I can redo everything 100x faster. Thank you!!
@emmanuelabbah686
@emmanuelabbah686 Жыл бұрын
I love this video. Was searching for a video to help me with this feature in XD and this just cleared everything
@johndaniel21343
@johndaniel21343 2 жыл бұрын
It's great. I know those options but didn't use it to the extend and properly for some. Thank you so much!!!
@janetgarciafineart6324
@janetgarciafineart6324 Жыл бұрын
Love your videos. You are a great teacher. Looking forward to your new course update in XD
@nat.strateg
@nat.strateg 2 жыл бұрын
Ooooh cooool! Saved a lot of time now! Thanks a lot!
@May10th
@May10th 2 жыл бұрын
This video saved my life. Thank you so much
@milo-er9gz
@milo-er9gz Ай бұрын
wow thats awesome and i love your reactions thats how i would feel if i found out about these tips! so useful ^^
@wolfgangmeier197
@wolfgangmeier197 2 жыл бұрын
Great and very helpful tutorial as always.. Keep it up! :)
@princessselin_4908
@princessselin_4908 Жыл бұрын
This video literally halved my working hours. Thank you.
@rebeldawnmedia
@rebeldawnmedia 2 жыл бұрын
This was so helpful!! Thanks for sharing. Also, love how excited you get! 😂 cause same!!
@NatalieShalamaev
@NatalieShalamaev Жыл бұрын
This video is GOLD! Thank you
@user-vr3ks8jf2e
@user-vr3ks8jf2e Жыл бұрын
So useful for IT Students! Thanks bro.
@thebinarykid
@thebinarykid Жыл бұрын
This is a Gold Mine mate ! You nailed it . Totally needed this
@rinodeboer
@rinodeboer Жыл бұрын
Happy to hear this 😀
@JosephBarker
@JosephBarker 2 жыл бұрын
Have been using XD for a couple of years and had no idea about this - thanks so much Rino
@rinodeboer
@rinodeboer 2 жыл бұрын
Was exactly the same for me! I'm glad it was helpful!
@MGeeDesigns
@MGeeDesigns 2 жыл бұрын
Thank you! I've been using XD for a couple years now, and had no idea about the padding and stacking features. I had been doing it all manually. What a game changer and time saver. :)
@zahinwadudhoque7280
@zahinwadudhoque7280 2 жыл бұрын
I'm really blown away to see those 'Assets & Component' and 'Grid' Artboards. Amazing! Can you make a video to show how to make them or may be just your work flow; how you started, and achieved those. Please...
@qaziikram8106
@qaziikram8106 2 жыл бұрын
Thanks - Very helpful
@indongopaulus4852
@indongopaulus4852 2 жыл бұрын
Perfect! Thank you big time
@miskodjs
@miskodjs 2 жыл бұрын
I was late too, better late than never, you'll appreciate them all the more now. This was a great refresher for me, been over a year since I used XD. Thank you!
@rinodeboer
@rinodeboer 2 жыл бұрын
So true! Glad you enjoyed it!
@DanielHarrisCodes
@DanielHarrisCodes Жыл бұрын
Padding feature on buttons will change my life, what a great tip
@shutupandance
@shutupandance Жыл бұрын
Amazing, thanks!
@mph2448
@mph2448 2 жыл бұрын
thank you. very helpful
@suniljadhav1889
@suniljadhav1889 Жыл бұрын
Really really Helpful....Bro....GBU
@obaydakhalaf6082
@obaydakhalaf6082 Жыл бұрын
thank you so much easier than I thought.
@coreo881
@coreo881 10 ай бұрын
Thanks friend. XD isn't exactly forgiving to newcomers so tutorials like this are helpful.
@nafiul499
@nafiul499 2 жыл бұрын
Hey Rino, good to see you back again. Anyway I would prefer Figma here. Because Figma is already have this options and also much better abilities. Just an example: Padding = On figma it's called Auto layout and trust me it's much much better option than padding (like you can make your site fully responsive directly on figma and once you resize the width on main frame it will resize everything based on the width and make the design as much as the same. You can say exactly like chrome inspect). Lastly Auto layout is already have stacking system by default. BTW it's a good information for XD designers.
@nafiul499
@nafiul499 2 жыл бұрын
But yeah repeat system is still missing on figma :D. I wish they add this system soon on figma
@robertsimondj
@robertsimondj 2 жыл бұрын
...btw Figma is free :) Figma is always much ahead
@marckrug
@marckrug Жыл бұрын
@@nafiul499 Never used that. Auto Layout ist boss.
@tatjanaboschert7611
@tatjanaboschert7611 2 жыл бұрын
Thank you so much! Great video! Thank you for beeing so honest! :)
@rinodeboer
@rinodeboer 2 жыл бұрын
Thank you very much!
@PaulDewseth
@PaulDewseth 2 жыл бұрын
This is amazing, Thanks Rino
@ChindiboyVishwa
@ChindiboyVishwa Жыл бұрын
Devru guru ninu, Thank you so much.
@vagarysoulkothari1694
@vagarysoulkothari1694 2 жыл бұрын
thanks very useful and very informative.
@westfield90
@westfield90 Жыл бұрын
Most useful video I’ve seen today
@teamjackedsolutions8465
@teamjackedsolutions8465 2 жыл бұрын
Lovely video bro. Glad I found your channel.
@rinodeboer
@rinodeboer 2 жыл бұрын
Thanks and welcome!
@annebovelett
@annebovelett 2 жыл бұрын
What a GREAT tutorial!!!!
@suman121069
@suman121069 2 жыл бұрын
Thank you for this tutorial 👍
@legeekduweb_mtl
@legeekduweb_mtl Жыл бұрын
So helpfull !
@Daria-up8tg
@Daria-up8tg Жыл бұрын
Thanks for videos! Very well explained. What if I want my buttons keep the same size while I change text in one of them? Got stuck on this. Thanks!
@Kuwandi
@Kuwandi 2 жыл бұрын
Awesome teaching - by showing mistakes and no -no’s …great job
@rinodeboer
@rinodeboer 2 жыл бұрын
Thank you! I appreciate it 😃
@andrashorvath986
@andrashorvath986 2 жыл бұрын
Hey Rino, very helpful tutorial thank U! I am in practice and got a problem. I've made a box with a label, a title and a paragraph. I've set the vertical stacking(working fine) and added paddnig inside the box (works fine to) but after I try to resize my complete element, not brake the paragraph lines just resize my text and i dont know what is the problem. If I use "area text" on paragraph it's seems to ok when I resize the text box but if I try to resize the "container box" not break lines just hide the outflowed text. Any idea how can I solve this?
@happysloth91
@happysloth91 2 жыл бұрын
I've been usibg Adobe XD for years and this blew my mind. I guess I slacked on learning the new features
@rinodeboer
@rinodeboer 2 жыл бұрын
Happy to hear that!
@bitbyte-sb9re
@bitbyte-sb9re Жыл бұрын
I like it :) I knew padding and stacking but now like this I learnt something new from your video. I need to like this video & subscribe your channel for more videos :) 🙂💛
@henstradesign4802
@henstradesign4802 2 жыл бұрын
Some pretty cool features, however, when I add extra words to a button for example, the extra words wrap to the next line. Is there a setting I'm missing with this? Thanks Rino!
@Chill-n-Chill
@Chill-n-Chill 2 жыл бұрын
Hello Rino, Man can you teach how to connect a IDX , MLS in to a JetEngine and using the Jet search too? like for Real State plsssssss☺
@serusok
@serusok 2 жыл бұрын
Figma the best!
@vladikbocharov5407
@vladikbocharov5407 2 жыл бұрын
Bro thank you, you can't belive how much time you saved me lol
@rinodeboer
@rinodeboer 2 жыл бұрын
Haha me too!
@securityvlogger6825
@securityvlogger6825 2 жыл бұрын
Now, I can fire my website designer; good work making something that is difficult to comprehend so easy to understand.
@rinodeboer
@rinodeboer 2 жыл бұрын
Thank you!
@coolplay7780
@coolplay7780 Жыл бұрын
sir, can pls tell me one thing sometime after grouping and giving appropriate padding. when I stretch my card so my stretches properly but my text inside it gets smaller why? i confused text should go down or come in same line when shrinking and expanding card, but inside text get smaller and bigger.
@PaulGJD
@PaulGJD 2 жыл бұрын
im sticking with Figma!
@PeterPannekoek1850
@PeterPannekoek1850 2 жыл бұрын
Its cute that you try to defend youself :P
@buckeyekarate9534
@buckeyekarate9534 2 жыл бұрын
Did you delete the video where you compare hosting platforms including Elementor Cloud?
@PersuasiveVideoWorks
@PersuasiveVideoWorks 2 жыл бұрын
#Rino #LivingwithPixels Do you have the updates in your paid XD program, yet?
@amraniidris9416
@amraniidris9416 Жыл бұрын
Why do you prefer XD over figma
@KariposTheOne
@KariposTheOne 2 жыл бұрын
Elementor should have more global styling options
@rinodeboer
@rinodeboer 2 жыл бұрын
100% agree with this.
@cameron9695rhysd
@cameron9695rhysd 2 жыл бұрын
Especially for buttons! Is there a way of making secondary buttons? I can only make one style then everything else has to be manually handled
@KariposTheOne
@KariposTheOne 2 жыл бұрын
@@cameron9695rhysd I create my own widget for buttons with the Plugin Unlimited Elements. You need to know some HTML and CSS
@cameron9695rhysd
@cameron9695rhysd 2 жыл бұрын
@@KariposTheOne thanks I’ll check out our, I know basic html and css so I’ll give it a go.
@abizershakir1231
@abizershakir1231 2 жыл бұрын
1st viwer
@spsh4321
@spsh4321 2 жыл бұрын
I would go with Figma not XD.
@Atractiondj
@Atractiondj 2 жыл бұрын
what appears in XD has long been in Figma, this shows how backward the software of the adobe company is
@nafiul499
@nafiul499 2 жыл бұрын
Not really. Every company learn from each other that's the point. Also if you see Figma is missing lots of features that XD have and that's really important for designers to designs fast
@serusok
@serusok 2 жыл бұрын
100%
@robertsimondj
@robertsimondj 2 жыл бұрын
...and Figma is free :)
@serusok
@serusok 2 жыл бұрын
@@nafiul499 Figma has hundreds of plugins that add the functionality you need.
@mirhasyed4518
@mirhasyed4518 Жыл бұрын
lots of love already after just watching it for 2mnts 🥲♥
Hosting explained by Hostinger
17:53
Rino de Boer
Рет қаралды 15 М.
Elementor’s default 1140px doesn’t work. Here’s why
19:34
Rino de Boer
Рет қаралды 118 М.
Slow motion boy #shorts by Tsuriki Show
00:14
Tsuriki Show
Рет қаралды 7 МЛН
ТАМАЕВ УНИЧТОЖИЛ CLS ВЕНГАЛБИ! Конфликт с Ахмедом?!
25:37
Playing hide and seek with my dog 🐶
00:25
Zach King
Рет қаралды 31 МЛН
How to handle hosting for clients - What mistakes to avoid
17:42
Rino de Boer
Рет қаралды 249 М.
Adobe XD Basics | Top 10 Things to know when getting started with Adobe XD
19:26
How to know if your design can be built in Elementor on Wordpress
11:03
7 Wordpress Plugins I install on all websites (2024)
15:07
Rino de Boer
Рет қаралды 293 М.
The Best Adobe Alternatives For 2024 (Free Software TIER LIST)
12:54
Davies Media Design
Рет қаралды 94 М.
Elementor AI after 6 months. Is it worth it?
18:37
Rino de Boer
Рет қаралды 16 М.
How to use components in Adobe Xd | tutorial with examples
12:54
Maddy Beard
Рет қаралды 54 М.
Best KFC Homemade For My Son #cooking #shorts
0:58
BANKII
Рет қаралды 55 МЛН
телега - hahalivars
0:12
HAHALIVARS
Рет қаралды 12 МЛН
Первый Холодец Китаянки
0:51
Petya English
Рет қаралды 3,7 МЛН
Llegó al techo 😱
0:37
Juan De Dios Pantoja
Рет қаралды 33 МЛН