Photoshop tutorials

Browse the latest Adobe Photoshop tutorials by Avocode. Learn how to export design assets, pick colors, export layer styles and measure distance for web and mobile apps.

Exporting images from a PSD design

Save single and multiple layers as PNG, JPEG, SVG, or WebP images.

Exporting code from Photoshop layer styles

Get CSS, Less, Sass, SCSS, Stylus, Swift, Android, CSS in JS, Styled Components and React Native code.

Measurements in a PSD design

Measure sizes and distances in pt, px, dp, or rem.

Picking colors from a PSD design

Handpick HEX, HSLa, RGBA, UIColor, and HEX8 color codes.