InVision design system manager for sketch

One of the projects I worked on at InVision was updating the Sketch app experience for Design System Manager. I worked on making the sketch plugin behave more natively for MacOS, and become more visual. Instantly showing you the status of a component in relation to your team’s library.

Custom component sets

Designers tend to work on specific product areas within a team structure, so an entire design system library may not apply to their daily work. With this is mind, individual designers could have the ability to create their own sets of components separate from the hierarchy of their organisation's design library. Designers can group their most frequently used or referenced components easily right within their design environment.

Syncing libraries

Editing a component within a design system can have unintended consequences. It's important that a designer is confident of what changes they are syncing back to the design system, and are aware of the holistic impact. For this, I included an interface to clearly show how many components are effected by a proposed change a designer is syncing, along with an opportunity to add a commit message.
It was important that we accurately communicate the sync status of each item within your design system so you're aware that you are working with the most up to date library. For this, a sync indicator is included on every thumbnail showing components in sync, not synced and to be published.

Design measurement and accessibility tools

Additionally, I proposed we create and bundle useful design measurement tools with Design System Manager as part of an InVision toolkit. These included a contrast checking tool, type measurement, distance measurement and an advanced color tool.