Got a Photoshop or Sketch design? Now turn it into a web or a mobile app
Some of the world's best design teams inspect their designs in Avocode.
Get design specs and assets in 5 easy steps
Upload Photoshop & Sketch designs
Create a new project, select a platform and upload PSDs or Sketch designs via a plugin. When it comes to PSDs, you can also just drag & drop them.
Export images in the right resolution
Click on any layer or slice a piece of your design, scale it and export it as PNG or JPEG. You can even export vector shapes up to 4x or as an SVG.
Get web, iOS & Android code
Switch between CSS (including Less, Sass, Stylus), Swift (for iOS), XML (for Android) or React Native code. You can even customize the code the output, hide and reorder its parts.
Get dimensions of any layer and its distances from other layers (or selections of more layers) - in px, pt, or dp.
Handpick color codes
The colorpicker tool zooms in on individual pixels so you can just click and get RGBA, HSLA, HEX, UI color & HEX8 color codes into your clipboard.
Inspect your designs online
Create an account for free and upload your PSD & Sketch designs. Start inspecting and exporting assets in the browser or in the Avocode desktop app.