Inspect - get assets and specs from designs

Inspect designs, export Retina-ready images, generate code from layers, get measurements and pick colors.

Support Team avatar
19 articles in this collection
Written by Support Team
Get code and styles from layers

Inspect designs in Avocode

Generate web & mobile code from Sketch, XD, PSD, AI, and Figma layers, export images, colors, and measurements.
Support Team avatar
Written by Support Team
Updated over a week ago

Copy styles from the Design overview in Avocode

Instantly recognize and inspect same layer styles across PSD, AI, Sketch, XD, and Figma designs.
Support Team avatar
Written by Support Team
Updated over a week ago

Export CSS, Swift, Android & React Native code from design layers in Avocode

You can generate CSS, Sass, Stylus, Less, SCSS, CSS in JS, Styled Components, Swift, Android, React Native code directly from layers.
Support Team avatar
Written by Support Team
Updated over a week ago

Quickly copy HTML and export image assets via context menu in Avocode

Quickly export design layers as image assets, copy code, or copy text wrapped in html tags using the context menu.
Support Team avatar
Written by Support Team
Updated over a week ago

Supported code export languages in Avocode

Export pure standards-based CSS, Sass, Stylus, Less, SCSS, CSS in JS, Styled Components, Swift, Android, and React Native.
Support Team avatar
Written by Support Team
Updated over a week ago

Supported blending modes in Avocode

Avocode can display blending modes from Photoshop or Sketch in the Styles and Code panels.
Support Team avatar
Written by Support Team
Updated over a week ago

Create or import variables and replacements rules in Avocode

Create variables from colors, measurements and other properties. Customize the code output by using replacement rules.
Support Team avatar
Written by Support Team
Updated over a week ago

Import missing fonts to designs in Avocode

If some of the fonts in a design are missing, please import them from your Typekit, system Font Book or directly.
Support Team avatar
Written by Support Team
Updated over a week ago