v0 Design Systems 2.0 is here. Import your design system from GitHub, npm, Storybook, Figma, and more. Build with your real components, colors, fonts, and patterns.

You can now import your system from the sources your team already uses: • GitHub repos • Public and private npm packages • Storybook and docs • Figma frames • Screenshots, ZIPs, and real apps.

v0 now learns how your design system is actually used: • Components and props • Tokens and themes • Providers and global styles • Usage patterns from real apps

Importing a design system creates a playground with your components and tokens. Preview the result, keep iterating in chat, and save it when it's ready.

Once imported, your design system is ready for any chat: • Select it from the prompt bar • Start from the Design Systems page • Available to your team automatically

Read the docs

@cramforce 🔥 LFG Tom!

@cramforce Damn that’s good

finally. building with real design systems in v0 is the whole reason i'd use it. the fake shadcn defaults get old

so cool

Amazing! If it's helpful to anyone, here's my skill for obtaining design systems for you or others (if you like styles from other projects or specific elements!).

@tomjohndesign lfg

@tomjohndesign !!!!

great demo 🔥 y’all cooked

v0 moved past “pretty but unusable” prototypes.

So good!

this is huge @iamsahaj_xyz @tomjohndesign

DESIGN.md would also work here right?

Looking good @tomjohndesign!

👀

Tom cooked!

Show us apple liquid glass design system or it will be cool design system made from some screenshots. Demo for that as well

Tom Tom Tom! ❤️ This is pretty awesome 👏 @tomjohndesign

woaah really blew my mind!

Can only imagine the MESS it generates lol

this is solid 🔥

Design-system grounding is one of the biggest unlocks for AI UI tools. The output quality jumps when the model builds with the team’s real components and tokens instead of inventing a parallel interface language.

This link points nowhere

@cramforce Regardless of the topic, there are issues on this page. Tracking banner’s background is missing and causes overlay issue. The other one is menu icon (at top right corner) is not clickable.

👀👀

@fernandorojo Wow thats impressive. Does this work with react native?

the leap isn't AI that can design. it's AI that can finally speak your design system instead of its own.

Sweet! Our users now have a great home to use their design systems they generate at

Importing the real design system is the right direction. AI UI generation fails less when it stops inventing a pretty parallel universe and has to work with actual components, tokens, and constraints.

Damn! This is major!!!! 🔥

Login is not working. Login failed. Fix this issue as early as possible

importing is the easy part. every tool i've tried still reaches for raw hex instead of semantic tokens when it gets confused. visually correct, architecturally wrong.

@yugen_matuni @LilysAI_ 要約して

V0 still exists??