shadows, shadows, shadows, shadows
There are already a few requests about fundamental shadow implementation but seem to have gotten no attention. Without these in place it will be difficult to design today's interfaces in XD.
First: Shadow spread - positive and negative.
Second: Multiple Shadows on one object.
Third: Shadow is clipped by object - so that if the object has transparency the shadow isn't showing through it.
These are basic shadow capabilities on every other program and used daily by interface designers.
Negative spread is key. It will allow us to create these (see attachment) types of shadows without workarounds and is supported by CSS.
design by: Ranjith Alingal
There are several different requests for shadows here, and I think all of them are already tracked as their own individual suggestions:
- Shadow spread – https://adobexd.uservoice.com/forums/353007/suggestions/13682355-same-attributes-as-css-box-shadow
- Multiple shadows (and fills/strokes) – https://adobexd.uservoice.com/forums/353007/suggestions/12956715-multiple-fills-borders-and-shadows
- Object bounds “knock out” shadow regardless of alpha – https://adobexd.uservoice.com/forums/353010/suggestions/17050435-shadow-shouldnt-show-through-fill-zero-should-knock-out
- Inner shadow – https://adobexd.uservoice.com/forums/353007/suggestions/15631440-inner-shadow
Could everyone please upvote the specific individual requests that you need, so we can get a better picture of which are the most important? Thanks!
Totally need inset shadows. One of the first things I tried to do was creating a form field with an inset shadow and couldn't. Seems pretty fundamental to UI design. Sketch have gotten shadows right, something along those lines will work perfectly.
Also needs multiple shadows. Basically anything I can do with CSS shadows, I want to be able to do in XD.
Is there any update on this??
Farhood Kankash commented
Fix! Fix! Fix Shadows! Plz! Plz! PLz!
"inset" for box-shadow is very needed in XD. With x, y, blur and rgba.
Ulf Sthamer commented
I agree @michael, the inner shadow is missing
Ricardo M S Gomes commented
You can already do the first one after select a object/shape on the appearance panel at the right side. The second and third one is a good idea and can be included as a plus on the shadow appearance.
Michael Richins commented
Don't forget about inner shadows.