Sketch tutorials

Browse the latest Sketch 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 Sketch design

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

Exporting code from Sketch layer styles

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

Measuring sizes and distances in a Sketch design

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

Picking colors from a Sketch design

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