Import and manage design files

How to upload new designs? How to create new projects? How to keep your design versions organized?

Bolek avatar Matous Roskovec avatar
29 articles in this collection
Written by Bolek and Matous Roskovec
Design import

Add a new design file to Avocode

Directly upload Photoshop, Adobe XD files or images. Sync Sketch designs via plugin or import Figma frames from the Figma app.
Bolek avatar
Written by Bolek
Updated over a week ago

Import Sketch design files into Avocode

Open and inspect Sketch files on Windows, Linux, macOS. Export assets, get specs, generate code, pick colors, share designs & comment.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Import Adobe Photoshop design files into Avocode

Open and inspect PSD files on Windows, Linux, macOS without the Photoshop app installed. Export image assets, specs, code, and more.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Import Adobe XD design files into Avocode

Open and inspect XD files on Windows, Linux, macOS. Export assets, get specs, generate code, pick colors, share designs & comment.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Import Adobe Illustrator design files into Avocode

Open and inspect .ai files on Windows, Linux, macOS without the Illustrator app installed. Export image assets, specs, code, and more.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Import Figma designs into Avocode

Import Figma frames to any project in Avocode. Open them on any platform, inspect, get specs, generate code from layer styles or comment.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Sync Sketch designs via Avocode plugin

The Sketch plugin is installed automatically with the latest Avocode app. If it's not, see the bottom of this article for troubleshooting.
Bolek avatar
Written by Bolek
Updated over a week ago

Sync PSD designs via Avocode plugin

Avocode PS plugin is installed automatically with the desktop app so you can import Photoshop files straight from your favorite design tool.
Bolek avatar
Written by Bolek
Updated over a week ago

Sync AI designs via Avocode plugin

Avocode Illustrator plugin is installed automatically with the desktop app so you can import AI files from your favorite design tool.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago
File organization

How does Avocode Project manager work

All uploaded designs are sorted in projects. You can rename them, sort them, search them, change their platform and delete them.
Bolek avatar
Written by Bolek
Updated over a week ago

Create a new design project in Avocode

How to create a new project folder?
Bolek avatar
Written by Bolek
Updated over a week ago

Move designs between projects in Avocode

Select one ore more design files, hit move to and select a project or a subfolder.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Create subfolders in Avocode design projects

Subfolders are perfect for bringing more organisational structure to your projects. Plus you can define a platform for each subfolder.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Rename a project

How to change the name of already created project?
Bolek avatar
Written by Bolek
Updated over a week ago

Delete a project in Avocode

How to remove a project from your Project Manager?
Bolek avatar
Written by Bolek
Updated over a week ago

Rename a design in Avocode

How to change a name of a design in your Project Manager?
Bolek avatar
Written by Bolek
Updated over a week ago

Delete a design

How to remove a design?
Bolek avatar
Written by Bolek
Updated over a week ago

Sync and sort designs

What to do when you don't see newly uploaded designs?
Bolek avatar
Written by Bolek
Updated over a week ago

Search designs

Just hit CTRL/CMD + F and type in what you're looking for.
Bolek avatar
Written by Bolek
Updated over a week ago

Download design source files from Avocode

Download Sketch, Photoshop, Illustrator and XD designs from Avocode.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Preview a design in the Project maneger

You don't have to open the design to see what's inside. Just hit SPACE and get an instant preview.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago

Sketch Pages, Artboards, Symbols, Libraries

Each Sketch file behaves as a folder. Inside you'll find all artboards which can be browsed by Pages.
Bolek avatar
Written by Bolek
Updated over a week ago