Inner Shadow
-
Leonardo Hauschild commented
@corey Seems to me that having XD work for many platforms doesn't invalidate the "CSS box-shadows are needed" argument though.
To replicate material design's shadows in ps/ai/sketch i only seem to get things right when using multiple shadows on one object with multiple "spreads".
One can thus propose that the css standard can work well also for other platforms, don't'ya think?
-
Corey Lucier (Adobe) commented
Hi Fabio! We will be evolving things here soon (inner shadow, more shadow attributes, etc). But also keep in mind that XD is a tool for designing for many platforms, e.g. web but also native desktop and device UI.
-
Fabio Dan commented
In short:
Be able to apply the same CSS box-shadow attributes on UI elements in Xd.Long version:
Shadow on Xd works fine but still limited compared with CSS box-shadow capabilities. It's frustrating to be limited to 3 values only (x, y and B) when you know you can deliver better shadows in development.The attributes should be similar to make the transition from design to development (or sometimes from development to design) easy. For example, in Photoshop it is tricky because the units are different (like spread as % in PS and px in CSS) and you can't get negative values for these attributes in PS.
I know you can export your design to CSS in PS, which is great for a general tool. But for Xd, I believe you shouldn't need to "convert" things for web because they are in the same context. A UI developer should be able to use your design in Xd as reference just looking for the UI's attributes.
Thanks in advance.