InVision Essential Training: Design System Manager
46mBeginner2018-09-21
Authors

Drew Bridewell
Lifelong learner who practices product design on a daily basis
Course details
InVision Design System Manager (DSM) enables teams to build a design system that provides each team member with access to a single source of truth, allowing them to better manage changes, collaborate, and maintain a consistent design experience.
In this course, learn how to create and share design system assets and specs with broader project teams using InVision's Design System Manager (DSM). Instructor Drew Bridewell shows how to install and set up DSM, covers the three pillars upon which DSM is built, and explains how to create a shared DSM library. Drew also steps through how to add and edit components and leverage the platform's capabilities for collaboration and versioning.
Learning objectives
Creating a new library
Adding and editing components
Adding context to your components
Adding your design language to DSM
Inviting team members to use DSM
Setting roles and permissions
Releasing design system versions
Pulling the latest library inside of DSM
Additional pro tips inside of DSM
In this course, learn how to create and share design system assets and specs with broader project teams using InVision's Design System Manager (DSM). Instructor Drew Bridewell shows how to install and set up DSM, covers the three pillars upon which DSM is built, and explains how to create a shared DSM library. Drew also steps through how to add and edit components and leverage the platform's capabilities for collaboration and versioning.
Learning objectives
Creating a new library
Adding and editing components
Adding context to your components
Adding your design language to DSM
Inviting team members to use DSM
Setting roles and permissions
Releasing design system versions
Pulling the latest library inside of DSM
Additional pro tips inside of DSM
Skills covered
InVision StudioInVisionUser Interface PrototypingUser ExperienceProject
Concepts
0. Introduction
- 01 - InVision Design System Manager
1. A Tour of Design System Manager
- 02 - Install and set up Design System Manager
- 03 - The three pillars of Design System Manager
- 04 - Creating a new library
- 05 - The anatomy of a design system
2. Adding and Editing Components
- 06 - Importing a Craft or Brand.ai library
- 07 - An introduction to sticker sheets
- 08 - Adding your design language to DSM
- 09 - Editing an existing component
- 10 - Adding context to your components
3. Collaboration
- 11 - Inviting team members
- 12 - Roles and permissions
- 13 - Library-level permissions
- 14 - Leveraging design tokens
4. Versioning
- 15 - Releasing design system versions
- 16 - Notifications
- 17 - Pulling the latest
- 18 - Accessing version history
Conclusion
- 19 - Pro tips for DSM
- 20 - Next steps
Related courses
- InVision Essential Training: Studio
- Practical UX Weekly: Season Two
- InVision for UX Design
- Sketch and InVision Design System Manager: Website Design
- Sketch and InVision: Designing a Sign-up Process
- Designing an Onboarding Experience with InVision and Sketch
- UX Foundations: Prototyping (2017)
- Hands-On Mobile Prototyping for UX Designers