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