Set up the Sketch plugin
- If you are running Sketch please Quit it now.
- Make sure you have the latest version of the Avocode desktop app for Mac.
- If you still have the old Avocode Sketch plugin, this update will overwrite it. The old plugin will not be supported anymore because of slow performance.
- Open a design in the Sketch app.
NOTE: Uploading Sketch designs to Avocode requires to have a macOS 10.9 and higher and with Sketch 41 and higher.
We're currently working on a direct Sketch file upload feature, which will work on Windows, Mac, and Linux and will not require you to have the Sketch app. Stay tuned.
Upload selected Sketch artboards to Avocode
Go to the window menu bar to Plugins, select Avocode and click Export Selected Artboards.
TIP: Press CMD + E in Sketch to upload selected artboards to Avocode.
Sync all Sketch artboards (entire design file) to Avocode
Go to the window menu bar to Plugins, select Avocode and click Sync all artboards.
TIP: Press CMD + ALT + E in Sketch to upload all artboards to Avocode.
Quickly access the Avocode Project Manager
TIP: Press CMD + P in Sketch to switch to Avocode Project Manager. It will be opened in a new tab.
Add Sketch artboards to a project in Avocode
Your Avocode app will automatically open so you can add the designs to a particular project.
You can also create a new project where you will upload this design.
NOTE: You can keep working in Sketch during the upload. You can watch the upload progress on the Avocode icon in your Dock. Please don't close the Avocode app during the design upload. Once you are redirected to Avocode (to add the design to a particular project, you can close your Sketch app.
In order to access the uploaded design, open the project where you uploaded it.
How to sync Symbols?
Symbols are synced automatically with artboards. You are then able to open all the symbols in Avocode automatically, instead of having to sync them manually again.
If you'd rather decide whether or not to sync Symbols along with Artboards, please upvote this Idea on our UserVoice so we know there is demand for it.
How to upload new Sketch design versions?
Make sure uploaded artboards are named exactly as they were in the previous version and that they are located on the same page as they were previously. Avocode will take care of the rest.
If some artboards already exist in the project, they are synced and added as new versions.
If the artboard has a different name than in the previous version, it will be added as a new design.
NOTE: If you duplicate a Sketch artboard and sync it, it will be uploaded as a new design to Avocode.
If you don't see the plugin in your Sketch...
That means that the automatic installation must have failed somehow. Please download the plugin here and install it manually (quit Sketch beforehand).
You get a pop-up saying "There is no application set to open the URL"...
Please try to reinstall your Avocode application, download the installer here.
If uploading is stuck at 0%...
Please make sure your computer clock is up to date - learn more here.
- In case of any other problems, please do let us know in the in-app chat or at email@example.com
- How are Artboards and Pages organized in Avocode?
- How to upload designs with the old deprecated Sketch plugin (42.0.0 - released on January 25, 2017)?