Multiple fills, borders, and shadows
Add multiple fills, borders and shadows on top of each other
Anonymous
shared this idea
Hi everyone,
We’ve started working on multiple fills and borders, with plans to extend to this multiple shadows in the future.
Best,
Dan
42 comments
-
Melanie
commented
Yes, please add this soon. And please improve the SVG exporting. Skeuomorphic or "soft UI" shadows built in XD and shadows imported from Illustrator including long shadows using the blend filter are not exporting correctly through Zeplin. It's a blocker on design/sprints.
-
Anonymous
commented
Feature-started in July 2019. So when is it coming? how many sprints to go ?:)
-
Austin Condiff commented
How is this feature not here yet? Seems pretty fundamental for any kind of design. To put it into perspective, this request is about 4 years old! Come on Adobe. I am really trying to give XD a fair shake, but it is this kind of thing that makes us as designers lose confidence in both XD as a product and Adobe as a company.
-
Anonymous
commented
Any ETA for this?
-
Eniong
commented
One of the new trend design in 2020 is Skeuomorphic Designs, but it will take too long when I'm creating this kind of design. I hope you can make multiple shadow in one subject
-
Vlad
commented
or just copy this :)
-
Vlad
commented
Hi,
I was trying to recreate the material design shadow, which includes 3 separate shadows and also makes use of the spread function for box-shadow. The problem is when exporting to Zeplin you only see the top layer and the underneath shadows are not visible. It would be great to have these into the same shape to be able to export one shape with 3 shadows (for a clean CSS). The spread function is also something that would be great to be included in the next update.
Cheers -
William Bayne
commented
Enable users the ability to add more than one drop shadow to a shape.
This would be an extremely useful feature because it would prevent me from having to create two shapes, line them up, and adjust the shadow settings to simulate a double drop shadow. This is also important because it would make for cleaner more organized and less confusing project files.
Ex drop shadow grey on bottom of the shape, drop shadow white on top of shape.
-
Guillaume Hirschler
commented
We want to create Neumorphism in Xd, so we need to create multiple shadows !
-
Ram Kumar
commented
Requires layer shadow on next version. I think it will be very useful.
-
Nathan
commented
Great news this feature is in the works. I got all excited to go all in from Sketch but ran into this wall almost immediately. I'll have to hold off until this feature is introduced.
-
Sven
commented
Currently i'm using this tool (https://brumm.af/shadows) to demo / apply multiple layers in shadowing. You can recreate these CSS settings in XD by stacking multiple layers of box-shadows. Tip, add the code in the hand-off you'll receive in this tool and you're golden.
-
Андрей Берестовой
commented
В данном случае "уже прошло 3 года", но для Adobe это видно не срок. С каждым новым обновлением той же Figma Adobe XD всё больше выглядит некой породией на серьезный инструмент.
-
Justin
commented
This would be a huge help having this feature. For dev, handoffs would eliminate confusion. I have to send a specific CSS spec and tell them not to follow CSS styles for particular items.
-
Cindy Kee
commented
I was all-in on using XD for all my designs until I hit a wall by not being able to create multiple shadows on a single object. CSS can - why can't XD?
-
Jeremy Turner
commented
Over 3 years has passed. What happened?
-
Steve Anthony
commented
This is great news!
-
Jonas Hartmann
commented
Would love that, any news?
-
J0ker
commented
For me, this is the biggest gap in XD.
-
Steve Anthony
commented
Feature needed desperately
