Request details

← Adobe XD: Feature Requests

Inner Shadow

Split up from here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/12942135-layer-styles-inner-shadow-inside-outside-center

514 votes
Sign in
(thinking…)
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Tom Krcha shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

58 comments

Sign in
(thinking…)
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • William Bayne commented  ·   ·  Flag as inappropriate

    Enable users the ability to add one or more inner shadows to a shape.

    This would be an extremely useful feature because it would prevent me from having to poorly simulate this feature by creating a stroke and then adding a drop shadow to it. This is also important because it would make for cleaner more organized and less confusing project files.

  • Anonymous commented  ·   ·  Flag as inappropriate

    I agree we do need this feature, but you can mimic it pretty easily by just drawing a 1px line and giving that a shadow of your liking. Color match it to your container and you can custom shadow to your hearts content.

    Not the cleanest approach of course, but it def works for demonstration/layout purposes.

  • Yoav commented  ·   ·  Flag as inappropriate

    Since this request is ignored for several years, can we just have a CSS box in the properties panel and let users attach their own CSS code to objects?

  • Veton Nesimi commented  ·   ·  Flag as inappropriate

    Although there are a lot of requests for new features, I have some that almost every designer would wish to see in Adobe XD. Being a huge fan of Adobe XD, I would wish that it would include more effects that could be applied to shapes such as inner shadow and warping effect.

  • John commented  ·   ·  Flag as inappropriate

    Ok, so blend modes were recently added, fkn Yah! Where are the multiple Fills? Actually, it's ridiculous that inner shadow seems to be missing from an obviously CSS and Device design tool -- which both CSS and all devices have as a standard features.

    PS. I'm still annoyed that after 10+ years, that Illustrator also never got this feature?

  • Programmer PC commented  ·   ·  Flag as inappropriate

    Multiple Shadow feature is missing in adobe xd as well as blend mode for shadow, color picker icon for a shadow on the right side.

  • Amir Rowaichi commented  ·   ·  Flag as inappropriate

    I am constantly surprised at how some basic elements which are achievable in CSS, like inner shadow, aren't available in XD.

  • Big Joe Burke commented  ·   ·  Flag as inappropriate

    Seriously need inset shadows. Maybe the ability to select different border widths for different sides of a container would be a nice add too.

  • Cindy Kee commented  ·   ·  Flag as inappropriate

    Really need inner shadows! Any idea when we can expect this to be added?

    Since CSS can do inner/inset shadows on objects, XD needs to be able to do the same. We can't create a complete design for development since we can't show all of the shadows we want.

  • Chad commented  ·   ·  Flag as inappropriate

    I came up with a workaround that I haven't seen anywhere else. The object blur / mask method is better for allowing objects to be moved around with inner shadows following them (i.e. to update your interface design in the future). Nonetheless, I thought I'd post this method anyway in case anyone finds it useful.

    (BTW, add me to the long list of people desperate to see inner shadow added as a standard feature...)

    First, realize that an inner shadow of an object is logically equivalent to a drop shadow cast by the object's background. This alone might be enough to realize where I'm going...

    Make a copy of the background (or if it's a plain white background, draw a white box). Remove the border. Make a copy of the object(s) you want to add the inner shadow to. After pasting, shift-select the background copy and use Subtract (ctrl-alt-s) to cut holes in the background. Then use CTRL-[ or CTRL-] as necessary to move the object(s) and/or background up/down layer levels until the drop shadow of the background covers the object.

    If the original background itself had a border, then you'll have to position the borderless background copy *just inside* the border of the original background (zoom in a lot so you can line it up exactly).

  • Cody Turk commented  ·   ·  Flag as inappropriate

    Would be a nice option to have.

    The way I got around it is to use the "Line Tool" and then to apply a "Object Blur". I like to use size 2.

  • Kyle Gallagher commented  ·   ·  Flag as inappropriate

    This was requested in 2016... um.... Guys? Did you see this? It has 300+ upvotes.. We gonna add this thing or what?

  • Anonymous commented  ·   ·  Flag as inappropriate

    This is seriously ridiculous.
    Stop trying to merge all your tools together to reap more profit.
    Focus on actually making this one tool useful!

    The irony of usability centric design tool that totally lacks...usability.

← Previous 1 3

Adobe XD: Feature Requests: 01 : Design mode

Categories

Feedback and Knowledge Base

(thinking…)