Design Editor
Tour the Design Editor and find focused guides for styles, sections, text, media, responsive preview, agents, and settings.
The Design Editor turns your sitemap into pages you can refine on a canvas. Use site-wide styles for the brand, section controls for structure, and element editors for text and media.
Click Continue to design in the Sitemap Editor when the sitemap is ready. This is the design stage between planning and publishing.
At a Glance
| Area | Use it for | Guide |
|---|---|---|
| Style guide | Palette, fonts, buttons, cards, and default backgrounds | Styles |
| Canvas and section panel | Layout, ordering, global components, and assets | Sections |
| Element editors | Copy, images, icons, and logos | Text, Images |
| Preview | Desktop, tablet, phone, and custom widths | Preview and Responsive |
| AI chat | Targeted changes with an explicit scope | AI Agents |
A Practical Editing Order
Set the brand
Refine the page structure
Edit copy and media
Review at smaller widths
Images and Media
Use a focused guide for each media workflow:
- Images: choose, replace, upload, and crop images.
- Generate Images with AI: create imagery from a prompt.
- AI Image Tools: understand the available image operations.
- Background and Overlay: section background images, overlay mode, and contrast.
- Icons: edit the section's icon assets.
- Logos: brand logos and sizing.
AI Assistance
Use the AI Agents overview to understand the chat workflow. Read Meet the Agents, Permissions and Models, and the Prompt Library before asking for broader changes.
Name the page, section, and intended result. Say what must stay unchanged. AI actions can consume credits, so use manual editing when you already know the exact correction.
Saving, Undo, and Launch Settings
Design edits are persisted, but Undo and Redo is an in-session editing history, not a permanent version library.
Page and Site Settings controls SEO, slugs, favicon, social previews, robots.txt, llms.txt, and custom code. Each settings card has a Save button.
Preview and Publish Are Different
Use page Preview to check responsive layout and supported interactions. Use the Publish Panel for a destination or export. Editing a project or opening preview does not publish it.