👉🏼 Tip: To exclude artboards from sync, add a dash or an underscore at the beginning of the Page or Artboard name.

2. Avocode app will open and you'll be able to import the design to a project. Make sure to add the design file in the same project as the previous version.

d) Upload new versions from the Version switcher in the Inspect mode and the Comment mode

Open the design either in the Inspect mode or the comment mode and click on the Version switcher.

Click on the Upload new version button in the drop-down.

e) Upload version via a dropdown in the Project manager

Select a design file and click on the three dots to see tis dropdown. Then click Upload version and select any file that you wish to add as a new version. You can also simply drag & drop the file on the design thumbnail.

How does the versioning logic work?

Updating design artboards in a new version

Artboards with same name will be synced as new versions - even if the artboard has been moved to a different Page.

Since the 3.3 update you can even sync/import different design files as new versions of the file in Avocode - as long as the artboards are named the same.

If there are more artboards with the same name, Avocode decides based on the artboard ID - the matching artboard is added as a new version and other artboards are added as new artboards (Version 1).

Adding new artboards in a new version

If there is no match of an artboard in a synced/imported design file, the artboard will be added as a new artboard in Version 2.

Removing missing artboards from new versions

If you sync a whole Sketch/XD, Figma design (via a plugin or drag & drop) that is missing some artboards in comparison to the previous version that is Avocode, these artboards will be removed in this version, but will remain the previous version in Avocode.

If you sync only a selection of artboards via a plugin to a newer version, Avocode will create a Version 2 state of the design file which will include updated artboards and also previous artboards, that were not updated.