Skip to content
← Adobe XD: Feature Requests (Read-Only)

Request details

Adobe XD: Feature Requests (Read-Only): 01 : Design mode

Categories

(thinking…)

Resize on hover from center point instead of top-left corner

Can we have it that if hover state is bigger than default state, it will resize from center point.

I'm thinking of using cards components on my designs, and having them get bigger on hover. but to be honest with ya, having them resize from top-left corner on hover is weird AF.

I can't think of a scenario where resizing from top-left corner on hover is expected. but def. resizing from center point is the more used up case.

46 votes

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Armando Scuro shared this idea  ·   ·  Report…  ·  Admin →

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Cubelodyte commented  ·   ·  Report

    I honestly believe the functionality you requested here is currently available (several posts later in this thread suggest viable was to accomplish this).

    Sadly, this could have been handled in a much simpler way with the addition of 3D transformations introduced in the October release but Adobe opted to implement 3D effects outside the auspices of States.

    [See related request: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/41694019-allow-3d-transformations-in-states ]

  • Adrienne Stevson commented  ·   ·  Report

    I find that this happens when you resize the whole component and not just the layers within the component.

  • Anonymous commented  ·   ·  Report

    I'm also trying to accomplish the exact same thing as the original post and am completely out of ideas. I've attempted all the suggestions here to no avail. Even the most recent suggestion didn't seem to work though perhaps I just double-clicked on the wrong thing? That appeared to be suggesting to me to double click on the component.

    This seems like such a crazy oversight on Adobe's part, the default behavior is not only useless it's counter-productive.

  • Anonymous commented  ·   ·  Report

    So i've had this problem while designing icons.
    when i want to make a slightly larger hover state with a bounce. i'd want it to scale from the center.

    After struggeling alot i found that this works:

    1 create ur component.
    2 apply hover state
    3 go into the hover tab
    4 instead of scaling the object in his hover state right away, double click it first.
    5 a blue dashed line will apear around the slected object. Now you can freely scale and position it without
    the normal state to interact with it.

    I hope this works for you !

  • Ryan commented  ·   ·  Report

    I'm in the same boat here - not sure if it works in the mac version but I'm using Windows 10 and the latest version of XD and it won't scale from the true center, only the top left (even when I use Option/Alt to enlarge the hover state). This might be a bug.

  • Boyan Design commented  ·   ·  Report

    It does not work on PCs. However, here is a good work-around - add a transparent square as a background of your component and when you scale the main object you can then re-position the main object relative to the transparent background square so it is always centered.

  • Hugo Duarte commented  ·   ·  Report

    This is very important, We need this Adobe. listen to the users!

  • UX Designer commented  ·   ·  Report

    This would be extremely helpful and relates to a similar request to be able to edit the anchor/pivot point for an asset or component.