Integrate Avocode web app with Atom to inspect Photoshop & Sketch designs inside your text editor and to get code suggestions from layer styles.
Avocode is a tool for designers and developers to share, open and inspect Photoshop & Sketch designs. It works on the web and has also an offline desktop app for macOS, Windows, & Linux. It comes with a 14 day free trial, no credit card required. To try it out, please start your trial here: https://avocode.com/signup
Click on a layer and the CSS displays in the Avocode code panel on the left.
Click back to your CSS style sheet and type for either a name of the selector or a specific property like width, you’ll get a suggestion which you can autocomplete by hitting Enter.
Press CMD/CTRL + SHIFT + V to import a whole code snippet of a particular layer.
Less, Sass, Less, SCSS, Stylus, React Native, CSS in JS, Styled Components, Swift, and Android.
Click the cog wheel icon in the code panel (on the right) and select your preferred language.
To customize the code output (reorder code lines and hide properties) please read this article.
Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.