You can now fine-tune your generated Vibe Block results with the new editing panel. Just click any element in the block to open its settings. You can also switch to code view and make manual edits if needed.
How It Works
Simply click any element in a generated block to open the editing panel. It lets you tweak that specific element without spending tokens to regenerate the entire block.
Edit Typography
Easily adjust fonts, sizes, weights, spacing, and other typography settings to match your project's design.
Customize Element Styles
Personalize colors, padding, border radius, shadows, buttons, and other visual properties.
Manage Content
Click any element in the layout to rewrite text or upload custom images. These content edits also don't use AI tokens.
Adjust Layouts
Move, duplicate, copy, and paste elements within a block. Use keyboard shortcuts like Cmd+C / Ctrl+C and Cmd+V / Ctrl+V for faster editing.
Edit Element Code
Click an element, then select "Go to code" to open the code view and make precise manual edits for advanced customization.
How It Works
Simply click any element in a generated block to open the editing panel. It lets you tweak that specific element without spending tokens to regenerate the entire block.
Edit Typography
Easily adjust fonts, sizes, weights, spacing, and other typography settings to match your project's design.
Customize Element Styles
Personalize colors, padding, border radius, shadows, buttons, and other visual properties.
Manage Content
Click any element in the layout to rewrite text or upload custom images. These content edits also don't use AI tokens.
Adjust Layouts
Move, duplicate, copy, and paste elements within a block. Use keyboard shortcuts like Cmd+C / Ctrl+C and Cmd+V / Ctrl+V for faster editing.
Edit Element Code
Click an element, then select "Go to code" to open the code view and make precise manual edits for advanced customization.
