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...
Design System Manager (DSM)
Intro to DSM
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. Importing a Craft library Rather than rebuilding an existing library, you can import a Craft Library. To import a library: In Sketch...
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 or trial. 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 ...
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...