# Edit mode without AI

**URL:** <https://forum.builder.io/t/edit-mode-without-ai/16286>\
**Category:** Technical Questions\
**Created:** [May 6, 2026, 5:03pm UTC](https://forum.builder.io/t/edit-mode-without-ai/16286 "2026-05-06T17:03:21Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Studio55](https://avatars.discourse-cdn.com/v4/letter/s/e47c2d/32.png) [@Studio55](https://forum.builder.io/u/Studio55)\
**Post date:** [May 6, 2026, 5:03pm UTC](https://forum.builder.io/t/edit-mode-without-ai/16286/1 "2026-05-06T17:03:21Z")

</div>

\*\*Hey Everyone, I am new and making the transition to [Builder.io](http://Builder.io) and trying to figure out how to use the editor without AI mode, would appreciate anyone’s help.

What are you trying to accomplish\*\*  
\*I am trying to edit and change the visual look of certain elements or want to add components without the use of AI, everytime I select the “Design tab at the top” instead of “interact” and “style” tab instead of “agent” it is allowing me to make changes but it doesnt really save it and making me use AI by the button of “apply x amount of changes” and using the agent instead of just saving the changes.

what am I missing here, how to access the canvas editor/builder to make this happen?\*

**Screenshots**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/2/271269a04ac9d01ec2178e111ac4cf517eecb550.jpeg)

_This is how I see my app._

---

<div class="post-metadata">

**Author:** ![ParthSharma](https://avatars.discourse-cdn.com/v4/letter/p/a9adbd/32.png) [@ParthSharma](https://forum.builder.io/u/ParthSharma)\
**Post date:** [June 12, 2026, 8:34am UTC](https://forum.builder.io/t/edit-mode-without-ai/16286/2 "2026-06-12T08:34:41Z")

</div>

> [@Studio55](#):
>
> What are you trying to accomplish\*\*

Hi @Studio55,

Great question — this is a common point of confusion for folks new to **Fusion** (Builder’s Projects product), so let me clear it up.

**What you’re seeing is expected behavior in Fusion**

In Fusion, the **Design mode** is the non-AI visual canvas — it gives you a Figma-like interface where you can directly click on elements, adjust spacing, padding, layout, colors, and other styles without typing any prompts. You’re on the right track by switching to the Design tab!

However, here’s the key part: because Fusion is **connected to your actual codebase** , any visual changes you make in Design mode still need to be written back into your source code. That’s what the **“Apply X changes”** button does — it’s not asking AI to generate something new from scratch. It’s using the agent to translate your visual tweaks into the corresponding code edits in your repo. Think of it as the “Save” step that makes your design changes real in the code.

**So to make and save changes without prompting AI:**

1. Switch to **Design** mode at the top
2. Click on any element on the canvas and adjust styles using the **Style tab** on the right
3. When you’re happy with your changes, click **Apply changes** — this commits your visual edits into the codebase
4. You can then create a **Pull Request** or continue editing

This is different from **Publish** (Builder’s CMS product), where changes are saved directly to Builder’s content layer without going through code.

**Which product are you using?**  
Based on your screenshot showing the Design/Interact/Code tabs, it looks like you’re in **Fusion/Projects**. If you’re actually trying to edit CMS content visually without any code involvement, you may want to explore [Builder Publish](https://www.builder.io/c/docs/get-started-publish) instead.

For more on the different modes in Fusion, check out the [Mode Overview docs](https://www.builder.io/c/docs/fusion-mode-overview).

Hope that helps clarify things — let us know if you have more questions!