Loading video...

Video Failed to Load

Go Home

Introducing the first step towards design systems in v0: •Create unique color schemes for your v0 generations •Adjust the colors for a design system right from Design Mode •Preview in light & dark mode Learn more directly from v0 team member and creator of tweakcn Sahaj

v0's profile picture

v0

102,114 subscribers

69,868 views • 10 months ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing v0's new design mode. The power of an agent, with the precision of a design tool.
1:39

Introducing v0's new design mode. The power of an agent, with the precision of a design tool.

v0

126,371 views • 27 days ago

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.
3:01

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.

v0

209,864 views • 19 days ago

You can now drag to adjust values in Design Mode.
0:29

You can now drag to adjust values in Design Mode.

v0

34,175 views • 1 year ago

You can now use keyboard shortcuts in v0's design mode.
0:20

You can now use keyboard shortcuts in v0's design mode.

v0

11,216 views • 6 months ago

Introducing Design Mode on v0: • Quickly tweak your generation — copy, typography, layout, colors, styling, and more • Preview changes and save when ready • No need to spend credits or wait for an LLM • Tailwind and shadcn native
0:23

Introducing Design Mode on v0: • Quickly tweak your generation — copy, typography, layout, colors, styling, and more • Preview changes and save when ready • No need to spend credits or wait for an LLM • Tailwind and shadcn native

v0

561,713 views • 1 year ago

Svelte support in v0 just got a big upgrade: - Instant previews of your generations - Design mode support - Defaults to Svelte 5 & supports SvelteKit
0:50

Svelte support in v0 just got a big upgrade: - Instant previews of your generations - Design mode support - Defaults to Svelte 5 & supports SvelteKit

v0

13,346 views • 11 months ago

Design Mode in v0 just got an upgrade. You can now: • Quick-apply a color palette • Easily adjust hues, saturation, and lightness • Quick-apply fonts • Easily add shadows
0:35

Design Mode in v0 just got an upgrade. You can now: • Quick-apply a color palette • Easily adjust hues, saturation, and lightness • Quick-apply fonts • Easily add shadows

v0

71,746 views • 9 months ago

You can now import your own shadcn theme as a design system in v0.
0:57

You can now import your own shadcn theme as a design system in v0.

v0

21,687 views • 7 months ago

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at
5:09

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at

v0

24,915 views • 6 months ago

You can now edit images in design mode in v0. Select an image and regenerate to get a new version, or use "Prompt to Edit" to describe specific changes.
0:22

You can now edit images in design mode in v0. Select an image and regenerate to get a new version, or use "Prompt to Edit" to describe specific changes.

v0

16,594 views • 9 months ago

Introducing GitHub sync on v0: • Push generated code to GitHub directly from v0 • v0 will automatically pull changes from GitHub into your chat • Switch branches and open PRs to collaborate with your team
0:30

Introducing GitHub sync on v0: • Push generated code to GitHub directly from v0 • v0 will automatically pull changes from GitHub into your chat • Switch branches and open PRs to collaborate with your team

v0

270,257 views • 1 year ago

Introducing the new v0 & GitHub integration. - Import any repo and work on your actual codebase - Every code change generates a commit - Open PRs and merge directly from v0 - v0 handles branches automatically
0:54

Introducing the new v0 & GitHub integration. - Import any repo and work on your actual codebase - Every code change generates a commit - Open PRs and merge directly from v0 - v0 handles branches automatically

v0

14,595 views • 5 months ago

Themes for v0 • Create your own theme from a prompt • Modify individual design tokens • Switch between themes on generations • Use shadcn built-in themes
0:34

Themes for v0 • Create your own theme from a prompt • Modify individual design tokens • Switch between themes on generations • Use shadcn built-in themes

Vercel

134,242 views • 2 years ago

You can now add and delete files in generations from v0's file tree.
0:46

You can now add and delete files in generations from v0's file tree.

v0

40,293 views • 1 year ago

I pasted Andrej Karpathy's talk transcript from HN and asked v0 to create a slide deck. The conceptual extraction, design and interactivity in one shot was wild. Design Mode was very helpful to make style tweaks.
0:50

I pasted Andrej Karpathy's talk transcript from HN and asked v0 to create a slide deck. The conceptual extraction, design and interactivity in one shot was wild. Design Mode was very helpful to make style tweaks.

Guillermo Rauch

108,982 views • 1 year ago

Introducing annotations in v0. Click elements in your preview, add comments, then send them all to the agent as a single prompt.
0:44

Introducing annotations in v0. Click elements in your preview, add comments, then send them all to the agent as a single prompt.

v0

17,021 views • 1 month ago

Custom Instructions are now available in v0. Use preset instructions like "Be Concise" and "Plan Mode", or create your own and apply them on-demand.
0:28

Custom Instructions are now available in v0. Use preset instructions like "Be Concise" and "Plan Mode", or create your own and apply them on-demand.

v0

20,268 views • 9 months ago

v0 can now strategize with you and plan for even better generations. The more complex the app or agent, the more it helps. v0 detects when planning is needed to make smarter decisions and ensure the first build lands exactly right.
0:43

v0 can now strategize with you and plan for even better generations. The more complex the app or agent, the more it helps. v0 detects when planning is needed to make smarter decisions and ensure the first build lands exactly right.

v0

17,830 views • 5 months ago

Use your app while the v0 agent cooks in the background. Live now for everyone.
0:30

Use your app while the v0 agent cooks in the background. Live now for everyone.

v0

69,385 views • 10 months ago