How can I export Sketch layer styles as CSS code?
- Open you Sketch design, select a layer and go to navigation menu: Edit/Copy and select Copy CSS Attributes.
- The CSS code will be copied to your clipboard so you can paste it in your style sheet.
NOTE: Sketch 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 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