Note: This feature works with the Avocode desktop app only and Sketch app version 53 and higher.

How to keep Sketch design changes tracked in Avocode?

Start by adding the first version of the Sketch file to Avocode. Either drag & drop it to a project or sync it via a plugin.

When you have a Sketch file in Avocode and you need to make changes to it - simply select your design and click on the EDIT IN SKETCH button in the sidebar.

Avocode will automatically download your file and open it in Sketch for you. 

Make changes to the design file. 

When you want to save the changes to Avocode - so your entire team could access them, just press CMD + J, or go to Plugins/Avocode/Sync changes.

In the top-right corner you can describe the changes in this design version.

Below, you’ll see a list of changed artboards and symbols

  • Green Circle symbolizes newly added artboards
  • Yellow Circle symbolizes edited artboards
  • Red Circle symbolizes deleted artboards

Repeat this workflow as many times as you like without losing the context of what changes you need to make. 

You can also access the version changes and change the description from the version dropdown for each Sketch file.

Then you can see a comparison view.

What if I am working on the designs in Avocode and Sketch simultaneously?  

Do not worry, we made sure you will not lose any of your work. 

 If you click on the EDIT IN SKETCH button in Avocode, but you already have the design opened in the Sketch app - Avocode will remind you about it.

You can choose to discard the unsaved changes or continue editing the design.

  • Start over will remove the changes made to the design version open in Sketch and open the version from Avocode instead.
  • Continue editing will bring up the current version of the file open in Sketch.

Learn more:

Did this answer your question?