Sketch designs

  1. Import the whole Sketch file directly without design tools

Drag & drop Sketch files into any project. It works on the desktop app for Windows, Linux, macOS or via web at app.avocode.com. (Only with Avocode 2.24 and higher.)

  • You don't need to have Sketch app installed on your machine.
  • You don't have to set layers as Exportables previously - in Avocode any layer can be exported thanks to our Monroe rendering.

2. Import selected Sketch artboards via Sketch plugin to the Avocode desktop app
Avocode Sketch plugin is installed automatically with the Avocode app if you have Sketch app installed on your macOS. 

Sketch artboards will be listed as individual designs in your project.

Adobe Photoshop designs

1. Import the whole PSD file directly without design tools

Drag & drop PSD files into any project. It works on the desktop app for Windows, Linux, macOS or via web at app.avocode.com.

  • You don't need to have Adobe Photoshop app installed on your machine.
  • You don't have to rename layers - in Avocode any layer can be exported thanks to our Monroe rendering.

2. Import PSDs via our Photoshop plugin to the Avocode desktop app
Avocode Photoshop plugin is installed automatically with the Avocode app if you have Photoshop app installed on your computer.

Adobe Illustrator designs

Import the whole PSD file directly without design tools

Drag & drop AI files into any project. It works on the desktop app for Windows, Linux, macOS or via web at app.avocode.com.

  • You don't need to have Adobe Photoshop app installed on your machine.
  • You don't have to rename layers - in Avocode any layer can be exported thanks to our Monroe rendering.

2. Import AI files via our Illustrator plugin to the Avocode desktop app
Avocode Illustrator plugin is installed automatically with the Avocode app if you have Illustrator app installed on your computer.

Adobe XD files

1. Import the whole AI file directly without design tools

Drag & drop Adobe XD files into any project. It works on the desktop app for Windows, Linux, macOS or via web at app.avocode.com.

  • You don't need to have Adobe XD app installed on your machine.
  • You don't have to mark layers for Export - in Avocode any layer can be exported thanks to our Monroe rendering.

2. Import selected XD artboards via Adobe XD plugin to the Avocode desktop app
Simply open Adobe XD file and press a shortcut CMD + ALT + E

Avocode imports the entire Adobe XD document by default. If you’d like to select artboards that should not be synced, place a dash “-” or an underscore “_” in front of the name of the artboard.

Figma frames

Figma design frames can be imported directly from the Figma environment.

  1. Go to Integrations in Figma and enable Avocode
  2. Select one or more frames and click on Export to Avocode
  3. Then you'll be able to assign the Figma design to any project via app.avocode.com

Learn more.

Image assets

You can also upload bitmap pictures to you projects just by drag & dropping. We support these formats:

  • PNG 
  • JPG, JPEG
  • BMP
  • GIF
  • TIFF
     

Other design formats

If you want Avocode to support other design formats, please upvote it so we know which format to prioritize. We're thinking about supporting Framer, inVision Studio and  Affinity Designer.
 

Design Settings

When you upload a design into a project, you can rename it and choose the proper design scale (pixel density). These settings will be synced with your entire team.

1. Open Design Settings

2. Adjust the scale of your design (by default it’s set to 1x)

 
Learn more:

Version control

Avocode works like a cloud to all your designs. Not only can you upload, preview and download designs, but you can also keep unlimited design versions organized and chronologically sorted.

Did this answer your question?