How can I export PSD layer styles as CSS code?
- Right-click a shape/text layer or layer group and choose Copy CSS from the context menu.
- Select a shape/text layer or layer group and choose Copy CSS from the Layers panel menu.
NOTE: Photoshop CSS export doesn't generate Less, Sass, SCSS, Stylus pre-processors. But there is a way how to do it with Avocode - see below.
Would you like to update this article? Please contact us at team@avocode.com
Learn more
- How to generate CSS code from Sketch layer styles
- How to generate Less code from Sketch layer styles
- How to generate Sass code from Sketch layer styles
- How to generate SCSS code from Sketch layer styles
- How to generate Stylus code from Sketch layer styles
- How to generate CSS in JS code from Sketch layer styles
- How to generate React Native code from Sketch layer styles
- How to generate Styled Components code from Sketch layer styles
- How to generate Swift code from Sketch layer styles
- How to generate Android code from Sketch layer styles