Design System Manager (DSM)

Intro to DSM

Intro to DSM

Not all features are available on all plans. To see what features are available, check out our comparison of DSM plans. Also, be sure to visit the DSM Learn Hub, complete with video tutorials for getting started with DSM. InVis...

Walkthrough of the UI for DSM

Sketch DSM tool UI tour To open Design System Manager, click the DSM icon () or use the keyboard shortcut Command +L. A window will appear with two panes. The left pane contains your categories. The right pane contains a previe...


Setting Up DSM

Creating Your DSM Organization

To get started with Design System Manager, you first need to create an organization for your team. Signing in to DSM To create and access libraries from your personal InVision account: Open your file in Sketch, and click the D...

Creating Your Library

For a quick visual walkthrough of getting your library into DSM, check out the DSM Learn Hub. To create a new library: Access the DSM web view. Click Create a new library. If you've already created a library and you want to ma...


Using Your Library

Adding and Applying Library Elements

With Design System Manager, you can add the following elements to your library: Colors Text Styles Layer Styles  Icons (Symbols) Components  Check out the best practices video below, and then read the rest of this article to ...

Managing Your DSM Library

From time to time, you will need to reorganize your library. This article covers how to edit, organize, and sync changes to your library. Editing and organizing categories For complete control of your DSM library, you can edit ...


Sharing Your Library

Roles and Permissions in DSM

User roles are only available with the DSM Enterprise plan. For a quick visual walkthrough of roles and permissions in DSM, check out our DSM Learn Hub. Design System Manager (DSM) lets you control user roles for both the organ...

Adding and Removing People in DSM

Both available plans for Design System Manager (DSM Free and DSM Enterprise) allow you to add collaborators to a library. However, only DSM Enterprise allows you to manage role permissions. To learn more, check out our comparis...

Version Control in DSM

For a quick visual walkthrough of version control in DSM, check out the DSM Learn Hub. Design System Manager (DSM) version control fundamentally improves the way you build and manage your design system. The versioning feature i...


Live Components

What Are Live Components?

The Live Components feature is currently limited to Enterprise users on a DSM Enterprise plan. Learn more about DSM Enterprise. DSM Live Components are interactive coded components that you can embed in your design system to c...

Getting Started with Live Components

The Live Components feature is currently limited to Enterprise users on a DSM Enterprise plan. Learn more about DSM Enterprise. Before creating live components, there are a few things you’ll need: A code component library. DS...

Configuring the Storybook DSM Integration

The Live Components feature is currently limited to Enterprise users on a DSM Enterprise plan. Learn more about DSM Enterprise. The first step to using Live Components is configuring the Storybook DSM integration. You only nee...

Adding a Component Container in DSM

The Live Components feature is currently limited to Enterprise users on a DSM Enterprise plan. Learn more about DSM Enterprise. DSM component containers help you group multiple component implementations across design and devel...

Connecting a Storybook Story to a Component Container

The Live Components feature is currently limited to Enterprise users on a DSM Enterprise plan. Learn more about DSM Enterprise. After you have created a component container in DSM, it's time to connect the component to your St...