Group 65Go to Avocode
All Collections
Getting Started

Getting Started

6 steps how to to inspect and collaborate on Sketch, XD, PSD, AI and Figma designs in Avocode.

Matous Roskovec avatar Maks avatar
8 articles in this collection
Written by Matous Roskovec and Maks

Step 1: Create a new Avocode account

All you need to create an Avocode account is an e-mail, name and a password.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Step 2: Download & install Avocode desktop app

Just download the Avocode app, unzip it, move it where you want it and you're ready to launch.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Difference between Avocode web app and desktop app

Inspect Sketch, PSD, AI, XD, and Figma designs in the browser or on your desktop.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Installing Avocode on Linux

This is how to install Avocode desktop app on distributions like Ubuntu, Mint, Fedora and Arch.
Maks avatar
Written by Maks
Updated over a week ago

Step 3: Create a new project in Avocode

Before you can upload a design you need to create a new project and choose a Platform (Web, iOS or Android) and pre-set code language.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Step 4: Import designs to Avocode

Drag & drop Sketch, Adobe XD, Photoshop, Illustrator designs, PNGs and JPEGs, or import Figma frames.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Step 5: Inspect, get assets and specs in Avocode

Scale and export images, get CSS, Swift, Android and react Native code, pick colors and get measurements.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Step 6: Collaborate with others in Avocode

Upload new design versions, share designs, invite new team members, leave comments and keep track of your teams progress.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago