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

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

by
InVision
•

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
Clark Valberg
Maker
This week I’m excited to introduce InVision Design System Manager (DSM). 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 InVision Studio, 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. Be the first to access InVision DSM
Avi Zuber
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?
Payam Rajabi
Maker
@avizuber not for December, but coming soon!
Avi Zuber
@payam_rajabi Awesome. I want to build something like this: https://polaris.shopify.com/ and we already use InVision for so many things. Being able to put it all together would be phenomenal. Also looking forward to Studio. :)
Payam Rajabi
Maker
@avizuber 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.
Tevi Hirschhorn
@avizuber @payam_rajabi That's amazing! We're super excited for this!
Lisa Dziuba
Congrats on the launch! So is it something similar Lingo design library (https://www.lingoapp.com/)?
Payam Rajabi
Maker
@lisadziuba DSM shares some of that functionality, but is also integrated into your design environment for a more streamlined workflow.
Josh Miller
@lisadziuba @payam_rajabi 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.
Lisa Dziuba
@payam_rajabi ah, got you!
Payam Rajabi
Maker
@lisadziuba @jmilr 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!
Josh Miller
@lisadziuba @payam_rajabi That's exactly what I was hoping for — thanks Payam!
Oliver Dumoulin
I've been dreaming of a feature like this, well done 🔥 can't wait to try it out!
Maksim Petriv
Do you guys ever sleep?
Payam Rajabi
Maker
@talkaboutdesign yes, but never all at once ;)
Payam Rajabi
Maker
... our team spans the entire globe across almost every time zone
Stephen Olmstead
Maker
@talkaboutdesign I was just going to be feisty and say 'no' but @payam_rajabi beat me with the much more sensible/honest answer. ;)
Lisa Dziuba
@talkaboutdesign @payam_rajabi @theolmstead you are really super productive! Your progress inspires us!
Maarten Mieras
Da fuq....
Tevi Hirschhorn
You guys keep putting out the exact stuff we need!
Rick James! Chatas
🎤 💧 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 🤘🏽💯🍕
Clark Valberg
Maker
@sayheyrickjames1 Great to hear Rick! Let me know what you think and drop me a line anytime.
Chad Whitaker
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?
Payam Rajabi
Maker
@chadwhitaker 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.
Ehud Halberstam
Maker
@chadwhitaker Absolutely. Syncing symbols, text styles, and layer styles across Sketch files is a core functionality in DSM.
Dennis Hansen
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!
Payam Rajabi
Maker
@dmaczor 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?
Jordan
@payam_rajabi 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.
12
Next
Last