New and returning users may sign in

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
← Adobe XD: Feature Requests

Request details

Feedback

Adobe XD: Feature Requests: 01 : Design mode

Categories

  • CATEGORIES
  • All ideas
  • My feedback
  • 01 : Design mode 1354 ideas
  • 02 : Prototype mode 368 ideas
  • 03: Share mode 46 ideas
  • 04 : Sharing on the web 212 ideas
  • 05 : Asset exporting 154 ideas
  • 06 : Extensibility 37 ideas
  • 07 : Integration with other tools 117 ideas
  • 08 : Mobile (iOS) 25 ideas
  • 09 : Mobile (Android) 18 ideas
  • 10: Developer Handoff 138 ideas
  • 11: Plugins 134 ideas
  • Other 99 ideas

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Adobe XD: Feature Requests 2,829 ideas

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

  •  
    multipule-inner-shadows-2.JPG 114 KB
  •  
    multipule-inner-shadows.JPG 103 KB
  •  
    Screen Shot 2019-04-13 at 9.43.54 PM.png 39 KB
1,215 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

Tom Krcha shared this idea  ·  August 11, 2016  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

How important is this to you?

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
feature-completed  ·  June 08, 2021
Tweet
  • Remove
Attach a File

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
  • Juliano commented  ·  August 09, 2019 13:02  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    No inner shadow yet, really???

    Submitting...
  • Bernat commented  ·  August 01, 2019 05:54  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I think this is a rather important feature as this is the way we think about shadows when applying them in CSS.
    The spread and the inner shadow are mainly the only things keeping me and my company from going full in wit Adobe XD for when creating design systems.

    Submitting...
  • Bernat commented  ·  July 27, 2019 18:12  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Any news?......

    Submitting...
  • Simon Ferndriger commented  ·  June 17, 2019 06:54  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    The irony here (for me, at least) is, that the icon for the shadow color actually HAS an inner shadow ;)

    Submitting...
  • Will commented  ·  June 16, 2019 18:45  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    https://www.sketch.com/

    Great work around for this issue

    Submitting...
  • Mark commented  ·  May 21, 2019 09:59  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Please don't forget about the negative spread too!!

    Submitting...
  • Chad commented  ·  May 01, 2019 18:47  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

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

    Submitting...
  • Cody Turk commented  ·  April 04, 2019 03:17  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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.

    Submitting...
  • JRo commented  ·  March 25, 2019 09:50  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Wow, yet another simple option that is nonexistent?! Hmm.

    Submitting...
  • Kyle Gallagher commented  ·  March 24, 2019 10:47  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

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

    Submitting...
  • Jerry Wang commented  ·  March 08, 2019 00:14  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    The spread attribute is necessary. Without it your big shadow will looks very ugly. You can't create something like in https://facebook.design

    Submitting...
  • Anonymous commented  ·  February 21, 2019 13:21  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    The ability to add multiple shadows to one element is also necessary

    Submitting...
  • Anonymous commented  ·  February 19, 2019 21:22  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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.

    Submitting...
  • Mohammed Abdullah commented  ·  February 08, 2019 22:57  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    2.5 years later..

    Submitting...
  • Anonymous commented  ·  January 30, 2019 01:56  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    must have!

    Submitting...
  • Zach Bruce commented  ·  January 28, 2019 07:47  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Any update on this? This is really important even though there are workarounds to get inner-shadows looking like they exist (Randy's suggestion below, or using gradients). At our web shop my developers have completely removed inner-shadows from form elements because they can't get instructions from Adobe Xd files / Zeplin inspects. It's something I didn't even realize was happening until I looked back on the year we started using Adobe Xd

    Submitting...
  • Anonymous commented  ·  January 19, 2019 08:18  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This is a must have!

    Submitting...
  • David L. commented  ·  December 20, 2018 01:47  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Yes, please!

    Submitting...
  • AdminRandy Edmunds (Sr. Computer Scientist, Adobe) commented  ·  December 19, 2018 09:15  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Here's a technique for creating inner shadows in Adobe XD. Here's what I did in gif:

    1. Create a Rectangle and give it a fat (20px) border
    2. Set border color to background color (white)
    3. Add Shadow with X=0, Y=0, B=15
    4. Turn off Fill to get inner shadow
    5. Draw a Rectangle over inner shadow, select both Rectangles, and Mask With Shape to remove outer Shadow.

    https://imgur.com/a/WsNfxdZ

    Shadow does not look good in gif, but hopefully this illustrates the technique.

    Hope this helps,
    Randy

    Submitting...
  • Anonymous commented  ·  December 07, 2018 10:20  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    lol.

    Submitting...
← Previous 1 2 3 4 5 6 7 8 Next →

Adobe XD Feedback : Feature Requests & Bugs · UserVoice Terms of Service & Privacy Policy · Adobe Terms of Use · Adobe Privacy Policy