Useful Adobe Xd Features: Padding & Stacking

Поделиться
HTML-код
  • Опубликовано: 7 июн 2024
  • 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 года назад +8

    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 RUclips, your first tip is the very reason I search for it. And your video appear as the first result!

  • @KimberlyEddyThoughtsDesigns
    @KimberlyEddyThoughtsDesigns 2 года назад +1

    That was so helpful Rino. Your posts are always informative! Thank you.

  • @Tony6ixX
    @Tony6ixX 2 года назад +1

    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 Год назад +1

    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 Год назад +1

    Thank you!!so informative and useful function 😊

  • @NatalieShalamaev
    @NatalieShalamaev Год назад

    This video is GOLD! Thank you

  • @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 Год назад +1

    Love your videos. You are a great teacher. Looking forward to your new course update in XD

  • @emmanuelabbah686
    @emmanuelabbah686 Год назад

    I love this video. Was searching for a video to help me with this feature in XD and this just cleared everything

  • @princessselin_4908
    @princessselin_4908 Год назад

    This video literally halved my working hours. Thank you.

  • @May10th
    @May10th 2 года назад +1

    This video saved my life. Thank you so much

  • @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!!

  • @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...

  • @rebeldawnmedia
    @rebeldawnmedia 2 года назад

    This was so helpful!! Thanks for sharing.
    Also, love how excited you get! 😂 cause same!!

  • @nat.strateg
    @nat.strateg 2 года назад +1

    Ooooh cooool! Saved a lot of time now! Thanks a lot!

  • @wolfgangmeier197
    @wolfgangmeier197 2 года назад

    Great and very helpful tutorial as always.. Keep it up! :)

  • @thebinarykid
    @thebinarykid Год назад

    This is a Gold Mine mate ! You nailed it . Totally needed this

  • @user-vr3ks8jf2e
    @user-vr3ks8jf2e Год назад

    So useful for IT Students! Thanks bro.

  • @milo-er9gz
    @milo-er9gz 11 дней назад

    wow thats awesome and i love your reactions thats how i would feel if i found out about these tips! so useful ^^

  • @DanielHarrisCodes
    @DanielHarrisCodes Год назад

    Padding feature on buttons will change my life, what a great tip

  • @indongopaulus4852
    @indongopaulus4852 2 года назад +1

    Perfect! Thank you big time

  • @qaziikram8106
    @qaziikram8106 2 года назад +1

    Thanks - Very helpful

  • @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!

  • @mph2448
    @mph2448 Год назад

    thank you. very helpful

  • @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!

  • @shutupandance
    @shutupandance 11 месяцев назад

    Amazing, thanks!

  • @MGeeDesigns
    @MGeeDesigns Год назад +1

    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. :)

  • @suniljadhav1889
    @suniljadhav1889 Год назад

    Really really Helpful....Bro....GBU

  • @obaydakhalaf6082
    @obaydakhalaf6082 10 месяцев назад

    thank you so much easier than I thought.

  • @PaulDewseth
    @PaulDewseth 2 года назад

    This is amazing, Thanks Rino

  • @westfield90
    @westfield90 Год назад

    Most useful video I’ve seen today

  • @tatjanaboschert7611
    @tatjanaboschert7611 2 года назад

    Thank you so much! Great video! Thank you for beeing so honest! :)

  • @vagarysoulkothari1694
    @vagarysoulkothari1694 2 года назад

    thanks very useful and very informative.

  • @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!

  • @suman121069
    @suman121069 2 года назад

    Thank you for this tutorial 👍

  • @nafiul499
    @nafiul499 2 года назад +8

    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.

  • @annebovelett
    @annebovelett 2 года назад

    What a GREAT tutorial!!!!

  • @teamjackedsolutions8465
    @teamjackedsolutions8465 2 года назад

    Lovely video bro. Glad I found your channel.

  • @ChindiboyVishwa
    @ChindiboyVishwa Год назад

    Devru guru ninu, Thank you so much.

  • @Kuwandi
    @Kuwandi Год назад

    Awesome teaching - by showing mistakes and no -no’s …great job

    • @rinodeboer
      @rinodeboer  Год назад

      Thank you! I appreciate it 😃

  • @legeekduweb_mtl
    @legeekduweb_mtl Год назад

    So helpfull !

  • @andrashorvath986
    @andrashorvath986 2 года назад +1

    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?

  • @coreo881
    @coreo881 8 месяцев назад

    Thanks friend. XD isn't exactly forgiving to newcomers so tutorials like this are helpful.

  • @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!

  • @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

  • @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☺

  • @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.

  • @buckeyekarate9534
    @buckeyekarate9534 2 года назад

    Did you delete the video where you compare hosting platforms including Elementor Cloud?

  • @vladikbocharov5407
    @vladikbocharov5407 2 года назад

    Bro thank you, you can't belive how much time you saved me lol

  • @user-gg6sg3br3u
    @user-gg6sg3br3u 2 года назад +2

    Figma the best!

  • @securityvlogger6825
    @securityvlogger6825 2 года назад

    Now, I can fire my website designer; good work making something that is difficult to comprehend so easy to understand.

  • @PeterPannekoek1850
    @PeterPannekoek1850 2 года назад

    Its cute that you try to defend youself :P

  • @PaulGJD
    @PaulGJD 2 года назад

    im sticking with Figma!

  • @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 года назад +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.

  • @spsh4321
    @spsh4321 2 года назад

    I would go with Figma not XD.

  • @Atractiondj
    @Atractiondj 2 года назад +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

    • @user-gg6sg3br3u
      @user-gg6sg3br3u 2 года назад

      100%

    • @robertsimondj
      @robertsimondj 2 года назад +1

      ...and Figma is free :)

    • @user-gg6sg3br3u
      @user-gg6sg3br3u 2 года назад

      @@nafiul499 Figma has hundreds of plugins that add the functionality you need.

  • @abizershakir1231
    @abizershakir1231 2 года назад

    1st viwer

  • @mirhasyed4518
    @mirhasyed4518 Год назад

    lots of love already after just watching it for 2mnts 🥲♥