Avocode
  • Features

    Hand-off & Inspect

    Deliver designs and get specs.

    Team collaboration

    Discuss changes and work faster.

    Design management

    Keep design versions in sync.

    Prototyping

    Share, play, & inspect prototypes.

  • Pricing
  • Download
  • Blog
  • Log in
  • Signup
Log in
>
Photoshop
  • Image export
  • Code export
  • Measurements
  • Pick colors
Sketch
  • Image export
  • Code export
  • Measurements
  • Pick colors

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.

  • Download
  • Pricing
  • Web app
  • Changelog
  • Design converter

Product

  • Hand-off & inspect
  • Team collaboration
  • Design management
  • Integrations
  • Open source

Company

  • Contact us
  • Roadmap
  • Blog
  • Culture
  • Jobs

Support

  • Getting started
  • Suggest a feature
  • Help center
  • Server status
  • Report a bug
  • Terms of services
  • Privacy policy
  • Licenses
  • Sitemap