InVision
Unlocking team productivity, intelligence, and connection
Start new thread

InVision Design System Manager - Create and maintain your design system at scale.

by•

InVision Design System Manager makes it possible for every product team to create and maintain a design system at scale.

Add a comment

Replies

Best
Maker
This week I’m excited to introduce . Our mission with this new product is to create the definitive tool for creating and managing design systems, and helping product teams everywhere innovate at scale. We recently welcomed the Brand.ai team to InVision, and have spent the last several months working with them to combine the best of their product with the InVision platform to create InVision DSM. With InVision DSM, your team’s design language and library can now be managed and shared from the InVision platform—and accessed and updated in design tools such as Sketch and , as well as through a custom private web portal. We’ve also built advanced capabilities like permissions and roles, an API to keep code in sync, and enterprise-level security features like SSO and Private Cloud. We’ve been hard at work on this one and are excited to share it with product teams who have needed this as much as we have.
Looks amazing! If I'm building patterns in Vue or React or the like, is there a way to put live, coded UI demos in DSM?
Maker
not for December, but coming soon!
Awesome. I want to build something like this: and we already use InVision for so many things. Being able to put it all together would be phenomenal. Also looking forward to Studio. :)
Maker
totally! I actually worked on shopify's design system prior to joining InVision. Our aim with DSM is to put that power into everyone's hands so teams can create holistic design systems without having to build their own CMS and tooling from scratch.
That's amazing! We're super excited for this!
Congrats on the launch! So is it something similar Lingo design library ()?
Maker
DSM shares some of that functionality, but is also integrated into your design environment for a more streamlined workflow.
Does DSM make it easy to show snippets of code under previews of elements (buttons, text styles etc)? Apps like Lingo focus too heavily on design/images and ignore the code. Your API/hosted code sounds interesting, but sometimes you just need a quick & easy reference to check class names etc.
ah, got you!
Maker
You can add all the documentation you'd like (markdown supported) for each asset and for collections of assets. You can also reference class names from the web interface, as well as from the API. And lots more coming in terms of design/dev integrations in the coming months!
That's exactly what I was hoping for — thanks Payam!
I've been dreaming of a feature like this, well done 🔥 can't wait to try it out!
Do you guys ever sleep?
Maker
yes, but never all at once ;)
Maker
... our team spans the entire globe across almost every time zone
Maker
I was just going to be feisty and say 'no' but beat me with the much more sensible/honest answer. ;)
you are really super productive! Your progress inspires us!
Da fuq....
You guys keep putting out the exact stuff we need!
🎤 💧 So stoked on this Clark! I've been building design systems internally for big Bay Area brands manually for over ten years and this looks like exactly where we need to head with our toolset. Can't wait to try it out and have my existing Brand.ai libraries update 🤘🏽💯🍕
Maker
Great to hear Rick! Let me know what you think and drop me a line anytime.
This is awesome! Any chance components in a design system could eventually be shared/embedded individually? Something that could enable something as cool as, you know, a component search and browse website? How great would it be if you could type 'Button' and it would display variations of DSM components from a variety of organizations. Whoa!
Maker
You'll be able to view and browse all of your components, as well as the documentation and metadata related to them, all from the web. However we don't currently have plans to aggregate content from multiple organizations. Curious: what would be your main usecases for something like that?
a bit late on the reply but – I feel something that is often overlooked with design systems is how as an agency we can manage 3+ design systems for multiple organizations. I believe that answers your question re: usecase.
Woo-hoo! Another week, another impressive launch from the InVision team. I'm curious, will you support Sketch Libraries or similar sync functionality across multiple Sketch files?
Maker
yeah, totally. You'll be able to push updates to assets in DSM from any Sketch document, then pull all the latest changes into any other Sketch documents with a single click. Since you can update each asset discretely, there's no risk of version conflicts at the library level - this is something that could occur if multiple people's changes to the Sketch library doc (shared on Dropbox, for example) overlapped.
Maker
Absolutely. Syncing symbols, text styles, and layer styles across Sketch files is a core functionality in DSM.
12
Next