Image cropping / repositioning within shape mask (after dragging bitmap into a shape)
Provide the ability to reposition/move images within masks.
If you make a mask via Object > Mask With Shape, then you can double-click into it to reposition the image (or other content) within the mask.
However, if you drag an image file onto a shape, it gets masked by the shape and you CANNOT reposition the image or adjust the cropping. It is auto-cropped to fill the shape when you resize it, but you don't currently get full control of the cropping.
Nadya
shared this idea
94 comments
-
Yorgos
commented
I agree totally. Super nice feature of InDesign that should definitely exist in Xd (actually in Ai also but anyway)
-
Jordan commented
Definitely Needed
-
Matza
commented
Yes, please! Like in InDesign. I have to change (and move inside a mask till its good to do this in PS) images very, very often! Its hard to mask a image all the time.
Designing in InDesign is so easy and fast. Xd should be the same!
-
Anonymous
commented
This definitely needs to be a thing! Also, the ability to have the image "fill" or "fit" a box/mask
-
James Puckett
commented
This needs to be added ASAP. It’s a glaring and gaping hole in the basic functionality of Xd.
-
Anonymous
commented
Like in Indesign Pls but a littlebit easier to fit into the xd concept
-
Ariel Blackman
commented
In indesign when you place an image inside a bounding box, you are able to move that image around to however big or small you need it. It's awesome that you are able to drag an image into a shape currently but you can't move it at all, it's set in place which can be inconvenient when trying to set the image to where you want it.
-
Mustafa Balci
commented
If i drag a Image in a Layerboy, its mask in the Box, but how i can move the Image in the box to left or right or zoom in or out? :)
-
Steven Seniw
commented
It was for image positioning purposes. I have instances where the the image could do with being cropped in or sit higher on the screen. A placement box like in Indesign would be ace.
-
James
commented
Not sure what you guys mean here as you can double click an image within a mask and move it around in it's masked bounds currently. (I'm running Sept build)
-
James
commented
If you could even enable cover/contain functionality that would be enough: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
-
Birgit Pohl [ACP]
commented
Oh. I came back here, because I wanted to vote, but I noticed, I already voted for it. :D
-
NM92
commented
Like InDesign, there should be a way to adjust an image after it's been placed into a shape. The auto-crop doesn't work for many images.
-
NM92
commented
Like InDesign, there should be a way to adjust an image after it's been placed into a shape. The auto-crop doesn't work for many images.
-
sal
commented
When you drag an image to a shape, the shape will automatically mask it. But it seems you cannot edit or reposition the image once its masked unless you first create the shape and then mask it. Not sure why this happens. Thanks.
-
Leonardo Hauschild
commented
The problem I see is that when I drag a picture from my desktop into a shape from XD, the picture is set as a background to the shape, and it is always centered in the shape.
My expected behavior would be something like the "Object > Mask with shape". The main difference for me is that most of the time I don't want my shape to lose its styling.
-
James
commented
So to put it another way...
Could you please make it so that when you drop an image on a shape it masks the image. (perhaps with a modifier key if need be...? Not sure it is needed though.)
Cheers
-
Pablo Sara
commented
Dragging an image from my computer into a shape should automatically create a mask.
-
Adam Hartlaub
commented
Ah this is good to know! I didn't realize you could drag an image from Finder. Right now images only scale, it would be nice if they had repositioning handles on the boxes or some kind of mask/crop features.
In CSS, I can set an image to "cover" at 100% width, and it will fill the <div>.
I wish there was a way XD could have this feature, so that prototypes would translate.I suppose in the meantime I could just do all those specific image masks/parts in Photoshop and just import the images over to XD.
Thanks for looking into this!
-
Aniruddha
commented
When someone drag-n-drop an image inside a container (i.e any shape), it gets stuck and cannot be moved or customized. I would like to have a feature in which we can resize a large image or able to move a particular section of an image like its done while clip masking in Photoshop.
It has given me real trouble to deal with until now.