Community Session: Why Design Systems are at odds with LLMs

Events
1

Join the Vercel Community for a deep dive into Design Systems on June 19.

In this session, we’ll explore the three levels of design systems - Primitives, Prototypes, and Production. You’ll learn about composable design system APIs through the Shadcn registry, discover how MCP UI enables integration with LLMs and agents, and understand the relationship between native and remote design systems.

To join in the live chat - join the community and click “Going” above :point_up:

Speakers

Matt Collier
Matt Collier240×240 28.3 KB
Matt Collier
Technical Consultant
Twitter/X | LinkedIn
2 Likes
2
Originally sent in Why Design Systems are at odds with LLMs
bestcodes

I'll probably be watching :D

pawlean

Excited to see you there!

dannyrb

Are there any reference resources for this community session that folks can review ahead of time?

pawlean

Not yet - but I'm sure there will be lots of resources during the session from our speaker. @dannyrb

jenniferbhampton

@pawlean love this topic! For those who are unable to attend live will anything be made available after the event?

pawlean

The video will live here, @jenniferbhampton! So feel free to come back here after :)

raising_hands 2
huzaifa084567-1238

Great :+1:

pawlean

See you there! :smiley:

:eyes: !!

bestcodes

!! :eyes:

pawlean

LFG!!

fire 2
bestcodes

Yay!

Joining from the USA :)

us_outlying_islands 3
waving_hand 2
gabby-2486

Also joining from the US! My husband and I are having a “mini watch party” with our dogs lol

us_outlying_islands 2
bestcodes

LOL @gabby-2486

waving_hand 2
pawlean

Oh, hi Gabby!

Welcome everyone! :smiley:

If you have questions, drop them here :D

gabby-2486

Howdy :cowboy_hat_face: :waving_hand:t5:

waving_hand 2
pawlean

The photobooth app is genius

rizbizkits

:waving_hand: :artist_palette:

waving_hand 2
pawlean

Love it!

Hey, Riz!! :waving_hand:

If anyone missed it: Introducing Design Mode on v0

saluting_face 3
+1 2
bestcodes

(This is off-topic) I'm distracted by his auto-hiding tab-bar in his browser :star_struck:

laughing 3
see_no_evil_monkey 2
pawlean

Questions for the community:

  • How have you been implementing your design system in v0?
  • Are you technical or non-technical and needed a design system.
  • Have you playing with shadcn registry?
red_question_mark 3
bestcodes

To Pauline's community questions:

  • Right now, I just tell it. Make it blue, or glassy, or whatever I want.
  • I am technical (so I usually download the ZIP from v0 later and tweak it then)
  • I have barely played with the shadcn registry, and I use shadcn/ui a lot!
heart 3
pawlean

:100: Nice! Have you used the new git features? How does your workflow differ with that vs zip downloads?

bestcodes

I don't think I have used the git stuff yet, I will have to try it :D

trevor-3829

  1. I've used v0 to help create a design systems using tailwind and downloading them and using it inside of my repo.

  2. I'm a technical person and I've enjoyed using shadcn/ui and tailwind. It makes something like MUI feel archaic and terrible to work with.

  3. I haven't played around with it yet, but I definitely plan on doing so. Having a standardized "personal" component library sounds amazing!

100 3
pawlean

:fire: great insights here, ty!!

plus 1
tada 6
bestcodes

(Replying to myself) Auto-hiding OS topbar too. I've never used a mac, I guess it's a macOS thing maybe :laughing:

100 3
pawlean

This is it hehe

rizbizkits

^ +1 on point 3. TIL https://registry.directory/ tbh! :exploding_head:

plus 2
bestcodes

Me too, registry.directory looks very cool

plus 3
gabby-2486

Matt might get to this during the preso but I was curious - How do you see LoRAs fitting into a structured design system pipeline like what MCP UI enables? Would you ever use a LoRA in place of (or alongside) primitives and prototypes to get more reliable LLM outputs?

anshumanb

Interesting! I haven't thought of this before. Can you share a use case or example as such to add to it?

heart 2
ryandotfurrer

Hey all! Sorry I'm late

waving_hand 3
pawlean

Hey Ryan!

ryandotfurrer

Ready for Ship next wek? :eyes:

100 3
fire 3
ship 5
pawlean

BORN READY

fire 3
websites-designer

Answers to your questions:

  • How have you been implementing your design system in v0? - yes, we have found great success in both doing ux and sales prototypes and live front-end codebase changes. we have AI also document the prototypes and work we do and that has accelerated our professional work from months to hours. real results not hyperbole.
  • Are you technical or non-technical and needed a design system. - we are a technical team and I am technical too in terms of a designer that can understand and implement code.
  • Have you playing with shadcn registry? - I have not but we will definitely look into it at Miros.ai
heart 3
pawlean

Haha, welcome Robert! Great answers here. I'll definitely follow up with more thoughts. If you have any v0 feedback, let us know :)

websites-designer

Haa… I never thought my company name would be my chat name - oh, well, signed - Robert Jakobson

grinning_face_with_smiling_eyes 2
waving_hand 1
bestcodes

shadcn is such a good designer :melting_face:

100 4
plus 3
gabby-2486

@anshumanb one of the use cases for loras + a structured design system was like if you had a design system powering a form generator for a government agency /medical app. The form components (input, dropdown, validation, etc.) are built as primitives and prototypes in something like Shadcn. If you wanted an LLM to generate these forms dynamically in a very specific tone (HIPAA-compliant or formal legal language) you could use a LoRA fine-tuned on that specific language. Curious if anyone has explored using loras and a design system together in a similar use case!

heart 3
websites-designer

At Miros.ai -I have not used a LoRa at all (I do not know what it is) but we are working towards something like this because our components will be used by major e-commerce brands and they should be aligned with the latest accessibility standards by default.

gabby-2486

Sorry if that’s kind of an off topic question lol. Squirrel brain :head_shaking_horizontally::nail_polish:t5:

Mwahaha Vercel evangelism starts at home folks! (Trevor is my husband and I’ve been infodumping about v0 ALOT lol)

grinning_face_with_smiling_eyes 3
laughing 4
ryandotfurrer

:clap:t2::clap:t2::clap:t2:

pawlean

Great discussions everyone!!!

rizbizkits

:heart:

heart 1
ryandotfurrer

ty all! :waving_hand:t2:

heart 1
bestcodes

That was awesome everyone! :heart:

heart 1
gabby-2486

Thank you all so much! Loved the stream!

heart 3
trevor-3829

Thanks everyone!!

heart 2
huzaifa084567-1238

Hello :waving_hand:
Where I get the conference video link

jacobparis

Vercel Ship next week will be streamed here

3

Cross-posting this in case it’s helpful :smiley:

1 Like