Watch & learn from Avocode video tutorials

How to inspect designs (overview)

Export layer styles to CSS, Swift, Android, and 7 more code languages

Customize exported code (CSS, Swift, Android, and more)

Export design layers as PNG, SVG, JPEG, and WebP

Adjust image asset format and resolution scale during export

Rename exported image assets

Batch-export image assets from a design

Edit export path for image assets (only in the desktop app)

Measure design layers and distances in px, pt, or dp

Show Layout grid, Regular grid, or Guides in Avocode

Get HEX, HEX8, RGBa, UIColor, & HSLa colors from designs

Inspect nested Sketch symbols with overrides in Avocode

Design file import and file management (overview)

Change code language, color format, & measurement units for projects

Quickly preview designs

Search to find designs in Avocode

Move designs between projects (only in the Company plan)

Create subfolders in projects (only in the Company plan)

Open design screens from the Activity panel

Open design screens from Avocode in-app notifications

Open designs from a Slack notification in Avocode

Download any design file version from Avocode

Switch between design versions in Avocode

Switch between design artboards (screens) in Avocode

How to play design prototypes in Avocode

Hand-off Adobe Illustrator files via Avocode

Hand-off PSD files via Avocode Photoshop plugin

Specify comment priority with colors

Dropbox - import designs to Avocode

How to link designs from Avocode into Jira

Confluence - Link and document designs & components from Avocode

Slack - invite your team into Avocode

Visual Studio Code - inspect designs side by side with code

Atom - inspect designs side by side with code

Embed Designs in Behance Projects

Embed Designs and Symbols in Notion

Embed Designs and Symbols on Medium.com

Embed Live Design Preview Iframes on the Web