How to save and persist edits in v0 design mode

v0
1

Surely I’m missing something but not sure how to apply/commit/save etc minor changes I make when in design mode (esp. w/o using tokens).

In the Loom I follow these steps:

  1. Enter design mode.
  2. Make a font-size change.
  3. Leave design mode.
  4. Refresh the page.

Result: Changes have not been applied/persisted.

What am I missing?

Thanks

5

Most likely you changed font size visually, but it didn’t map to actual code or token → so v0 drops it on refresh. you change UI visually, but v0 is not saving it to the real code. So after refresh → everything resets.

6

Yes thats what I see as well. The question is: how do I execute the minor edits I made while in Design mode? Yes I can hit ‘Apply’ in the box at the bottom of Design mode UI but that’s for giving instruction to the LLM, using tokens etc…

7

Design mode edits by themselves are just visual previews they don’t get saved unless they’re converted into real code via Apply (which uses tokens). Right now, the only way to save/apply minor edits from Design mode is hitting Apply :warning: Those changes are just visual previews they won’t persist unless they’re written into code. No separate save/commit yet, so without Apply → they reset on refresh :counterclockwise_arrows_button:

8

From the official Vercel PR announcement here:

it states “make quick changes to your UI without editing code or spending any credits”.

So I, again, am wondering if I am missing the way to APPLY/SAVE/COMMIT those visual edits. Yes, it’s much quicker to change font-size etc.. with a familiar GUI/toolbar but if I have to unnecessarily click ‘Apply’, wait for the processing, and spend tokens, not sure I’m seeing the value.

9

Hey @jayhilwig! :waving_hand:

yes, the new “quick changes without spending credits” feature only works for Tailwind UIs and with shadcn/ui knowledge — but it still needs Apply to actually commit those changes. Until they add a separate auto-save/commit feature, there’s no way to skip that step.

10

I’d love to hear from v0 product/design/support team weigh in on this topic. Again, I’m certain I’m missing something basic but . . . . help appreciated!

If the intent is a true design GUI like Photoshop/Figma etc, when I change a font-size, for example, that’s it. It’s changed, don’t have to do anything else and it’s automagically updated in code. My sense is you have to hit ‘Apply’ or Commit/PR etc.. but that’s time consuming, costs credits and, I think, antithetical to the entire concept. Right? :slight_smile:

11

You’re not missing anything​:+1:Design Mode changes are only visual previews :artist_palette: right now. They don’t persist unless you hit “Apply”, which converts them into real code. Without that step, everything resets on refresh. :counterclockwise_arrows_button: So it’s not a full GUI-to-code sync yet (like Figma), more like a temporary visual layer.