Projects & Designs

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

Matous Roskovec avatar Bolek avatar
31 articles in this collection
Written by Matous Roskovec and Bolek

How to use Design overview in Avocode?

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

How to directly import Adobe Photoshop 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

How to sync AI designs to Avocode via Illustrator 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

How to directly import Adobe Illustrator 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

How to directly import Sketch designs 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

How to import missing fonts to Avocode?

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

How to 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

How to 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

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

How to use the Pixel checker tool in Avocode?

Expand the design in a separated transparent window as a floating guide to compare the design with the coded result & make it pixel perfect.
Matous Roskovec avatar
Written by Matous Roskovec
Updated over a week ago
Design 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

Rename a project

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

Delete a design 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

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.
Bolek avatar
Written by Bolek
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

Introduction to Avocode design version control system

Switch between Sketch, PSD, XD, Figma, PNG, or JPEG design versions. Each uploaded design version is stored and accessible in a few clicks.
Bolek avatar
Written by Bolek
Updated over a week ago