[en] Quick edits let you change the text, style, and layout of elements directly on the canvas, without writing a prompt. Quick edits don't use AI, so your changes are applied directly to your project and don't use AI credits. For changes quick edits don't cover, ask Copilot. Changes made with Copilot use AI credits.
Anmerkung
[en] If you don't see quick edits in your project yet, or some changes still go through Copilot and use AI credits, your project hasn't been updated yet. Updates happen automatically, with no action needed from you.
[en] Quick edits are available only to team members with the Vibe quick edits permission and clients with the Quick edits permission. For more information, see Manage Team Members and Manage Clients.
[en] To open quick edits:
-
[en] In the Vibe workspace for your project, on the Canvas tab, click the Quick edits (pencil) icon in the right side panel.
-
[en] Click an element on the canvas to select it.
[en] The selected element is outlined, and a floating bar appears above it. The Quick edits panel shows the settings available for that element.
Anmerkung
[en] Quick edits are unavailable while Copilot is updating your project.
[en] The floating bar above a selected element lets you move, duplicate, or delete the element, or clear its padding. Edit adds the element to the Copilot chat so you can describe a change in a prompt instead. It's the only floating bar action that uses AI.
[en] To select the element that contains the current one, click the element's name above the floating bar.
[en] The Quick edits panel groups design settings into sections such as Typography, Background, Spacing, Border, Size, Effects, and Motion (animations). The sections shown depend on the element you select.
[en] Some elements, like buttons, also have a Custom Properties section with options for that element. For example, Variant switches between preset styles that use your project's colors. To change those colors, see Project Theme in Vibe.
[en] When you select an image, the Image section appears at the top of the Quick edits panel. In this section, you can edit the image's alt text and use Type to choose how the image fills its space. Some Type options crop the image to fill the space. When that happens, use Position to choose which part of the image stays visible, for example, to keep a person's face from being cut off.
[en] To replace the image, click the image preview to open the Image Picker, then pick an image already in your project, choose a free stock image, upload a new one, or create one with AI. For a larger view of your project's images, click Full View.
[en] To crop, rotate, or make other changes to the image, click the three-dot menu on the image preview, then click Edit image to open the Image Editor. For what you can do there, see Image Editor.
[en] When you select a form, the Form email notifications section appears in the Quick edits panel. Turn Notify site owner or Auto-reply form submitter on or off for that form. To change an email's subject, sender, or message, click the edit (pencil) icon next to its toggle. For the auto-reply, you can also select Include submission copy to send the visitor a copy of their answers.
[en] To change how the form looks, use the design settings in the same panel, described in Edit Design Settings.
Anmerkung
[en] These settings apply only to the selected form. Once you change them, the form no longer uses your default form settings, so later changes to the defaults won't affect it. To change the settings for every form, see Built-In Project Features in Vibe.
[en] Changes aren't saved to your project until you save them. The number of pending changes appears at the bottom of the Quick edits panel.
-
[en] To keep your changes, click Save Changes.
-
[en] To undo all pending changes, click Discard.
[en] If you try to leave with unsaved changes, you're asked whether to discard them. Click Keep Editing to go back.
Warnung
[en] If you publish while changes are pending, those changes aren't included in the published project.