Ember & Oak is a family owned coffee shop. We serve coffee, tea, muffins and more. Come visit us today!! Click here to see our prices. We are open Mon-Sat.
Most no-code tools give you one editing model and make you contort every task into it. Having both a direct manipulation editor and an instruction-based one matters because the two suit genuinely different jobs.
Direct editing for things you can point at
Select an element and change its text, size, colour or spacing. This is the right mode when you know exactly which thing is wrong and roughly what it should be instead.
It's precise and immediate, and it's how you do the last ten percent — the specific corrections that turn a good generated page into your page.
Instructions for things you can only describe
"Make the pricing section less prominent than the testimonials." "Move the FAQ above the footer." "This feels too formal."
These are structural or tonal, they touch many elements at once, and clicking through them individually would take an hour. Stating them to the AI editor is both faster and closer to how you actually think about the page.
Using them together
The efficient pattern is instructions first, direct editing second. Get the structure and emphasis right with a few sentences, then fix specific details by clicking.
Doing it the other way round means carefully adjusting elements that a structural change is about to move anyway.
Common questions
Can I edit without any technical knowledge?
Yes. Both editors work on the rendered page rather than on markup.
Which editor should I start with?
The AI editor for structure and emphasis, then the visual editor for specific details. Doing it in that order avoids redoing work.
Can I still get at the code if I want to?
Yes — export produces standard HTML and CSS or React components, editable in any editor.
What if the AI editor misreads my instruction?
Restate it more specifically, or make the change directly in the visual editor. Neither costs more than a moment.
Generate a page, describe two changes, then click a third — that's the whole workflow.