×

Version Control in DSM

Version control

Design System Manager (DSM) version control fundamentally improves the way you build and manage your design system. The versioning feature is only available on the DSM Enterprise plan. To learn more, check out our comparison of DSM plans.

Creating a new version

When you’re ready to release a new version of your library to your team, you’ll do that from within the Sketch plugin.

  1. Go to your DSM plugin modal.
  2. Click the drop down menu, then hover over your library name.
  3. Click Release new version.
    Screenshot_2017-12-13_17.07.36.png
  4. Enter the version name and a description of the changes from the last version.
    Screenshot_2017-12-13_17.08.05.png
  5. Click Create Version.
  6. A new library version is propagated to all team members.
  7. The See What’s New link opens a browser showing the changes as updated in the version description.
    Screenshot_2017-12-13_17.08.19.png

    Screenshot_2017-12-13_17.10.22.png

When you release a new version, team members currently working with the design library will see an alert notifying them that the library has been updated to a new version. The updated assets and styles are available to use immediately. No manual opt-in or download is required.

 

Switching between versions

To switch between versions:

  1. Go to your DSM plugin modal.
  2. Click the drop down menu, then hover over your library name.
  3. Hover over Switch Version.
  4. Select the version you’d like to switch to.
    Screenshot_2017-12-13_17.11.20.png

 

Viewing version history

To see a version history along with their details:

  1. Go to your DSM plugin modal.
  2. Click the drop down menu, then hover over your library name.
  3. Click Version history.
    Screenshot_2017-12-13_17.12.04.png

The web view will open and you can use the ••• menus to view any version or compare a version to the latest version.

Screenshot_2017-12-13_17.13.02.png

Screenshot_2017-12-13_17.13.11.png

You’ll see a list of the assets that were added, removed, and changed. To see a side-by-side comparison of a changed item, click More Details on an item that changed. Click Highlight Changes to see highlights of the differences between the two images.