Community Session: Why Design Systems are at odds with LLMs

hey we are live Uh hi everyone Welcome to the Versil community liveream We are so excited to have you here I'm Anuman and joining me is Jacob We both are

moderators for this session and you have probably seen us around in the community answering questions or talking to you having discussions So it's always great opportunity to talk to you in live sessions and have our community customers and users together It's awesome to see so many of you joining here us today and please drop a message into the chat letting us know where you are tuning in from Uh and if this is your first time joining us in this live stream make sure to sign in and if you do not see a button for chat uh you'll

have to go top of your page and you'll see a sign-in button You can use that to sign in with your Versal account and then click on I am going into this event and then you will unlock your chat And for those of you who are joining us on Axe you can come to community.versal.com to join this live stream and ask questions live Over to you Jacob Yeah thanks so much Uh yeah so if you're going to hang out in the chat just please remember to be respectful and follow our code of conduct I'd like to

introduce our guest today uh Matt Collier a technical consultant here at Verscell Hey Matt uh what do you have to show for us today hey everyone Um uh well yeah I'm a technical consultant and uh my job at Versell is to work with about up to 20 or so of our enterprise customers and all things Nex.js JS um you know Val and um particularly at the moment V0ero and um getting the uh the best productivity and um optimizations for each of those products Um but yeah

so today I've been doing a little bit of work at VEL around um kind of design systems and getting design systems into V0ero and um I just wanted to share a presentation which is a bit about our thinking on design systems I think VZero's got um some really really good plans for how we want to deal with design systems Uh but I just wanted to kind of lay the foundations to how we're thinking about it and uh maybe a couple of weeks in the future we'll have some exciting um announcements for you But

yeah I thought I'd just dig into uh design systems and LLMs and uh how they work together and explain how we've been trying to technically work around that at Visel Cool So let's get started Just set up my screen Cool So uh why design systems are at odds with LLMs Um so today I'm going to go through how design systems are constraint Um maybe a little bit around

the source of truth of design systems uh talking through myself thinking around primitives prototypes and production uh design systems or component libraries really and the shaden registry which is kind of how we're looking to set up some of our design uh design system and component library work Um and MTP component libraries uh problems to be solved and some feedback Um but first of all I think we should get into um what is VZ good at well Vzero is good at um

well the Vzero model is trained on examples from Chadium components UI and uh Tailwind CSS So it's really really good at working in that environment And um it's great at building novel projects in that stack But if you want your apps to be styled with consistency or maybe in a new theme that you've come up with that's when we found our users can um get into um a little bit more uh