🚀  Open Design - our new developer toolkit to work with design file data - is now trending on Product Hunt!

learn more
}
  • Product

    Features

    Inspect

    Get all assets, specs, and code.

    Design Hand-off

    Share designs without extra work.

    Review & Comment

    Give feedback and discuss changes.

    Versioning

    Track changes for every design.

    Write

    Rewrite text in any design.

    Flow

    Beta

    Present & edit design prototypes.

    Integrations

    Sketch

    Figma

    Adobe XD

    Photoshop

    Illustrator

    All Integrations

    Try More

    Open Design

    Do you want to work with design file data programmatically?

    Learn More

    Convert Figma to Sketch

    Open Figma designs in Sketch.

    Try Now

    Convert PSD to Sketch

    Open Photoshop designs in Sketch.

    Try Now
  • Solutions

    Scale

    Enterprise

    Sync design & development departments.

    Digital Agency

    Satisfy your clients with pixel perfect delivery.

    Security

    Considering Avocode? We’re procurement-ready.

    Private Cloud

    Explore how we can secure your design files.

    Succeed

    Collaborate remotely

    Code up to 2x faster

    Save precious dev time

    Compare

    Switch from Zeplin

    Switch from InVision

    Free Demo

    Talk to Sales

    Do you have a budget in place and need a private demo for your team? We’d be happy to give you a tour.

    Book a call
  • Learn

    Master Avocode Faster

    Help center

    Find answers to your questions and learn how to use all Avocode features.

    Video tutorials

    Become an Avocode pro-user just by watching short videos.

    Avocode Books

    Explore our design reports & read The Grit e-books full of exclusive interviews

    Roadmap

    Find out what’s coming soon to Avocode.

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

Work smarter.

Export images, code colors & dimensions much faster.

Learn how

Adobe XD tutorials

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

Exporting images in Adobe XD

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

Exporting code in Adobe XD

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

Measurements in Adobe XD

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

Picking colors in Adobe XD

Use the Color picker to get HEX, HSLa, RGBA, UIColor, and HEX8 color codes.

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

Product

  • Hand-off & inspect
  • Design review process
  • Design copywriting
  • Avocode vs. Zeplin
  • Enterprise
  • Open Design API

Company

  • Contact us
  • Blog
  • Culture
  • Jobs
  • Technology
  • Security

Support

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

Copyright © 2020 Avocode