Skip to main content
S
smuxit
Known Participant
May 14, 2019
Answered

Working with Shadows in "New Components" vs. "Old Symbols" (XD19, April/May 2019 Release)

  • May 14, 2019
  • 8 replies
  • 4316 views

With the new April/May release from yesterday, I run into some issues with Adobe XD 19 when using shadows. With the previous versions of Adobe XD, the shadow of symbols wasn't considered into the size of "Symbols", whereas, the new "Component" architecture with "Master Components", Adobe XD 19 adds the shadow space measurement into the component (see screenshot below). Is this a bug which needs to be fixed, or, is it a feature to accept? In case it is a feature, is there any tutorial out there which explains how to use shadows inside the new component architecture that exceeds inner borders? Please notice: this issue also affects alignment issues, because usually, I don't want to align other elements on the artboard to the shadow of a component.

Thank you for your help,

Sebastian

    This topic has been closed for replies.
    Correct answer Preran

    Thank you, everyone for your feedback. Please post your suggestion on Adobe XD Feedback : Feature Requests & Bugs

    Meanwhile, the team is investigating changes to this feature similar to the suggestions here.

    Thanks,

    Preran

    8 replies

    takagi.massao
    takagi.massao
    Participant
    July 11, 2019

    Although they're similiar requests, this here seems to 'contain' that other thread and adds a few more problems, so this should be the main request.

    It's really hard to align components and resize them, the way it is right now.

    One way I found to resize components without having to ungroup component and then recreate all the 'child' components, was to resize the bondaries of the component itself (green handles), messing with everything inside it, BUT, the changes propagates.

    Still, completely unusable if the component have a lot of elements, like a graph, or something dense like that.

    Hope to see updates soon. Thanks.

    HARSHIKA_VERMA
    Community Manager
    HARSHIKA_VERMACommunity Manager
    Community Manager
    July 12, 2019

    Hi Christian,

    Thank you for using Adobe XD. I am assuming that you're talking about resizing the elements inside the component. Could you please confirm if this is what you're looking for? Resizing elements within components should resize bounds – Adobe XD Feedback : Feature Requests & Bugs

    If so, please upvote this feature request and add your voice.

    Please let me know if that helps.

    Thanks,

    Harshika

    ryans90969593
    ryans90969593
    Participant
    July 5, 2019

    I think this is a valid component problem, and maybe give it an option to exclude shadow from component bounding should do it. A few days ago, saw the others are also complaining about this exact same situation on twitter. In my case, i cannot go any further with my design components. Reasons are basically the same with others here, I Hope this will be updated soon.

    HARSHIKA_VERMA
    Community Manager
    HARSHIKA_VERMACommunity Manager
    Community Manager
    July 5, 2019

    Hi there,

    Thank you for your feedback. I have seen a similar request has been raised here: Shadows should not be clipped by components – Adobe XD Feedback : Feature Requests & Bugs​ I would request you to please submit your feedback and upvote this feature request to add your voice.

    Thanks,

    Harshika

    S
    smuxitAuthor
    Known Participant
    May 22, 2019

    I wonder why this issue was marked as "answered", because, no real solution was provided so far. Did anyone find a workaround tutorial on this matter out there?

      K
      Community Expert
      Kenneth KawamotoCommunity Expert
      Community Expert
      May 23, 2019

      FYI, XD product team is now working on this to fix the component shadow issue

        D
        David Utt
        Participant
        June 7, 2019

        Good to hear, Really need it for our team. Is their a timeline on this fix?

          J
          joshuaw61167812
          Participant
          May 21, 2019

          So the current build now seems to include shadows in the size of the component. Please give us an option to ignore shadow sizes while still being able to see them. This is how objects work in html. Why would this be any different?

          None of my components snap to the grid or guides properly now. This is unusable.

          Solution: Just give us a option that says "Ignore shadows" when I select a component with a shadow. Done!

            A
            Arlo Software
            Participant
            May 21, 2019

            This just make the component basically unusable, I have absolutely no idea at all how to change the size of the "master" component as I intend.

            And when using a component with shadow, I have to measure the margin every time and some times still cannot align them correctly.

            Can someone give an explanation about the benefit of having “explicit bounds”? because honestly, I see none at all.

              radekj
              radekj
              Known Participant
              May 15, 2019

              One more note on the topic.

              When you export via "Share for development" option, you can select the actual object (and that's good) but still get a bogus group where the shadow is/was:

              S
              smuxitAuthor
              Known Participant
              May 15, 2019

              Dear Radekj, thank you for your addition. In this current company, we are not allowed to use any cloud functionalities, so, I can't verify your steps, but I bet, this wouldn't solve anything for the moment. So for now, I have to solve the issues in my current Design System that have been caused by the Adobe XD 19 update. What a funny fun!

              J
              joshuaw61167812
              Participant
              May 14, 2019

              Same problem here. I will not be able to use components for site headers if the shadows are clipped from my components. An option to show shadows outside of the bounds would be very useful. I have also had to delete components because of the sizing issues when you delete a shadow and the sizing does not adjust.

                Preran
                PreranCorrect answer
                Legend
                May 14, 2019

                Thank you, everyone for your feedback. Please post your suggestion on Adobe XD Feedback : Feature Requests & Bugs

                Meanwhile, the team is investigating changes to this feature similar to the suggestions here.

                Thanks,

                Preran

                S
                smuxitAuthor
                Known Participant
                May 15, 2019

                Dear Preran, could you please provide a quick (video) tutorial (from one of your XD Evangelists) which covers the differences between symbols and components? This is a huge change in regards to layout alignments and XD handling. Even the editing of Master Components behave strange, because with former Symbols, everything was simply some sort of a "Master Component", and in addition, I was able to edit it inside of nested symbols (in my case: up to three to 5 levels deep). Now, when I'm trying to edit Master Components, strangely, they pop up somewhere outside lost in space. As mentioned, I shouldn't have saved my current Design System with Adobe XD 19 as I can't go back to XD 18 ... which is frustrating. So I'm kind of blocked to continue working on my current Design System with XD 19, and, I am forced to write posts into this Adobe Forum, which shouldn't be part of my business.

                radekj
                radekj
                Known Participant
                May 14, 2019

                +1 here. Additionally, if you remove the shadow, the dimensions stay the same. The one on the right had the same properties, but I simply removed the shadow completely after creating the component. The box stays the same, even though I'm editing the master.

                  S
                  smuxitAuthor
                  Known Participant
                  May 14, 2019

                  @radekj ... Yep, experienced that, too.

                  A possible solution: It would be great if a flag (maybe a checkbox) could be placed somewhere which provides two options: "Yes" and "No" for "Consider shadow in layout". But at first, let's see what Adobe XD staff thinks about it. Maybe that change is somewhat intentional, or, there is a work-around for it  ... e.g. shown in a tutorial somewhere. Thanks

                    radekj
                    radekj
                    Known Participant
                    May 14, 2019

                    An "Include shadows in dimensions" checkbox, set to off by default, would be useful. But to be honest I don't see the reason why the objects with shadows are treated differently in the first place?

                      Terms & ConditionsAccessibility statement
                      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices