Explore the possibilities of InVision DSM

Video tutorials to bring a shared design language to your designers and developers.

Start course

Joseph Angelo Todaro

Video Producer at InVision

Details
  • 9 videos
  • 20m
Here’s what we’ll cover in this course:
  • Managing a design system with DSM
  • Building your design language
  • Members, roles, and permissions
  • Managing design system versions
  • Customizing a design system web view
  • Uploading Sketch Libraries to DSM
  • Syncing with your team’s Sketch Libraries
  • Using the Inspect DSM integration
  • Setting up Storybook in DSM

Course outline

Video tutorials to bring a shared design language to your designers and developers

Why do I need DSM?

As the single source of truth for your visual language, DSM removes design debt so that keeping every product consistently stunning is a breeze.

2:06

Uploading Sketch Libraries to DSM

Easily populate your design system with existing Sketch Library files, adding all of your text and layer styles, colors, and components in just a couple of clicks.

4:09

Syncing with your team’s Sketch Libraries

Get in sync with your team’s design system libraries to quickly pull changes, switch versions, and close the gap with developers.

2:46

Managing roles and permissions

Protect the integrity of your design system using DSM roles, permissions, and privacy settings to control who can view or edit individual design systems.

2:56

Version control

Take complete control of how design system changes are versioned, distributed, updated, or rolled back across the organization.

2:28

View and manage your design system from the web

Keep everyone aligned on your design principles, styles, components, accessibility standards, copy guidelines, and production-ready code through your customizable web view.

2:08

Branding your design system documentation site

With a richer, more flexible web experience, the new DSM allows you to customize the web view of your design system with your own brand logos and colors.

0:47

Using the Inspect DSM integration

Link directly to live code and view details like usage guidelines and external resources, directly from Inspect.

2:04

Setting up Storybook in DSM

Bring coded components, design patterns, and documentation together into DSM with our Storybook integration.

2:25

Explore how DSM transforms the way design and development work together