This article explains how to create a new project with Duda Vibe and start making edits to your project.
Note
Disclaimer: Duda Vibe is currently in beta. By using this feature, you acknowledge it is experimental, may contain unexpected behavior, and is subject to modification at any time.
To create a new project with Duda Vibe, from the dashboard click + New Project, then select Build Anything.
Type your idea in the prompt box using natural language. We recommend selecting Plan mode from the dropdown so that Copilot can ask clarifying questions before beginning to build.
Click the orange arrow to submit your prompt for planning or building. Note that it can take several minutes for Vibe to build your idea.
The Vibe editor opens and from here you can continue editing and refining your idea by making visual edits or requesting changes from Copilot.
We offer premade Vibe projects to provide inspiration or to use as a foundation for your project.
To view inspiration, from the dashboard click +New Project, then select Build Anything. Scroll down to the Ideas to Try section below Vibe's prompt field.
Click the desired card and click Preview. If you decide to use it, click Try Prompt.
The prompt is automatically entered in Copilot where you can modify it as necessary. We recommend starting in Plan mode so you can discuss before building, but you can also use the dropdown to select Build mode if you are ready to make changes directly.
Click the orange arrow when you are ready to submit your prompt for planning or building. Note that it can take several minutes for Vibe to build your idea.
The Vibe editor opens and from here you can continue editing and refining your idea by making visual edits with AI or requesting changes from Copilot.
Visual edits are edits to the style of the selected element. Some visual edits can be made manually, like duplicating and element or resetting padding, while more complex style changes can be requested through Copilot.
To make visual edits, first ensure you are on the View tab of the Vibe editor, then click Visual Edits in the top bar.
Click an element to select it for editing. The selected element is outlined in blue and a floating bar appears, allowing you to make quick changes such as duplicating the element, resetting padding, deleting, or editing it with AI.
The Visual Edits panel also opens on the right side of the screen. From here, you can manually adjust more detailed design settings for the selected element. Note that design settings vary based on the selected element.
If you click Edit with AI in the floating bar, a chat field appears in the floating bar where you can enter your desired design edits. Click the upwards arrow submit button to request the changes.