Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

You can now edit the generated code in UI Blocks for faster, more precise edits.

v0

114,708 subscribers

89,560 views • 2 years ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

10 Comments

Dino 🇦🇷2 years ago

That's useful! So many times I tried to. And will the next prompt be based on the edited component?

吉波拓夢 | DiningX CTO2 years ago

awesome! i wanna edit not only code, but also markdown file. will it be updated?

Doug M2 years ago

Nice update! Being able to edit generated code directly in the UI Blocks interface will save time and streamline the process for making quick, targeted changes.

Nathan Shearer2 years ago

🔥🤗

Nick Wylynko2 years ago

So so so useful 🙏

Jose Rago2 years ago

thank you @v0

Kyoei — Fwd2 years ago

What, you just casually drop this? This is actually REALLY useful!

Alexander De Ridder2 years ago

Let's discuss approaches. Sandboxing external APIs helps eliminate risks.

Tony ✗2 years ago

Yesss

Mr. Chinedu2 years ago

Useful👌

Related Videos

You can now double click on text with the refinement tool to edit text live in your preview.

You can now double click on text with the refinement tool to edit text live in your preview.

v0

78,205 views • 1 year ago

You can even edit generated SVGs directly on the canvas. Now in beta.

You can even edit generated SVGs directly on the canvas. Now in beta.

dára sobaloju

22,270 views • 7 months ago

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.

🎨 Design freely with Agent 4. - Design while the agent builds. - Explore multiple UI variants on an infinite canvas. - Make precise UI edits that you can apply directly to your app.

Replit ⠕

184,057 views • 7 months ago

You can now generate, preview, and edit documents, presentations, spreadsheets, code, and more directly in the Google Gemini without having to leave your chat. Or, for added control, you can expand into a full-screen view to type manual edits, highlight a specific section, or have Gemini make targeted changes.

You can now generate, preview, and edit documents, presentations, spreadsheets, code, and more directly in the Google Gemini without having to leave your chat. Or, for added control, you can expand into a full-screen view to type manual edits, highlight a specific section, or have Gemini make targeted changes.

News from Google

47,598 views • 10 days ago

v0 Premium users can now publish Blocks to a custom subdomain

v0 Premium users can now publish Blocks to a custom subdomain

v0

106,487 views • 2 years ago

we built a tool that lets you edit UI directly in the app instead of going through Figma + engineering 1. select the part of the app you want to change 2. describe what you want 3. Cursor edits the code 4. review the PR designers can make small UI changes without waiting on an engineer, and engineers don’t have to spend time translating tiny design tweaks into code.

we built a tool that lets you edit UI directly in the app instead of going through Figma + engineering 1. select the part of the app you want to change 2. describe what you want 3. Cursor edits the code 4. review the PR designers can make small UI changes without waiting on an engineer, and engineers don’t have to spend time translating tiny design tweaks into code.

Landseer Enga

34,015 views • 2 months ago

Now you can screen capture VS Code’s UI within VS Code to ask copilot questions—thanks to Copilot Vision! Check out our release notes for more updates:

Sensitive content

Now you can screen capture VS Code’s UI within VS Code to ask copilot questions—thanks to Copilot Vision! Check out our release notes for more updates:

Visual Studio Code

54,441 views • 1 year ago

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

84,239 views • 4 months ago

Today is the day! Our most requested feature, design → code generation, is live: Go from idea → design → code in under a minute. You can now export generated UI designs to Tailwind CSS with Galileo. The fastest way to bring your ideas to life. 🚀

Today is the day! Our most requested feature, design → code generation, is live: Go from idea → design → code in under a minute. You can now export generated UI designs to Tailwind CSS with Galileo. The fastest way to bring your ideas to life. 🚀

Stitch by Google

26,134 views • 2 years ago

This guy just built a web UI for Claude Code. You can see real-time conversations between Claude Code and your project, plus detailed tool usage for every code edit. 100% Local and Opensource.

This guy just built a web UI for Claude Code. You can see real-time conversations between Claude Code and your project, plus detailed tool usage for every code edit. 100% Local and Opensource.

Unwind AI

67,463 views • 1 year ago

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

Introducing: Argent Lens 🔍 A design review tool for agent-generated UI. With Lens your AI-agent can propose several design variants. You pick the one you like, leave comments on any part of the UI, and apply the changes. Now available in experimental.

Software Mansion

30,369 views • 4 months ago

You can edit chat requests in VS Code ✏️

You can edit chat requests in VS Code ✏️

Visual Studio Code

72,814 views • 1 year ago

You can now edit SolveIt messages via realtime conversational voice, and have the diff edits optionally tracked.

You can now edit SolveIt messages via realtime conversational voice, and have the diff edits optionally tracked.

David Gwyer - AI & ML Researcher/Engineer

16,626 views • 5 months ago