The AI Course Editor

Learn how to use the AI course builder Editor to build, refine, and publish interactive courses, whether starting from AI or creating from scratch.

The Editor is the heart of AI course builder. It’s where courses take shape into polished, interactive experiences that learners can easily absorb and apply.

If you’ve used AI to generate your course through the Storyboard, by importing a document or media file, or by prompting AI directly, this is the place where your first draft appears. You’ll see pre-built pages with text, visuals, and interactive tiles that you can refine and customise.

If you choose not to use AI, the Editor opens as a blank canvas. From there, you can add pages, drop in content, and design interactives manually.

Jump to Article Section

• How the Editor Fits into the Workflow
• Layout of the Editor
• Collaboration in the Editor
• Publishing from the Editor
• FAQ's

How the Editor Fits into the Workflow

• Storyboard → Think of this as the blueprint. It sets the course's parameters (style, tone, objectives, page outlines, AI generation settings). When you generate from the Storyboard, the AI creates a full draft lesson with text, images, and interactivity.
• Editor → This is the workshop. If you’ve used AI to generate your course — whether through the Storyboard, importing a document or media, or prompting AI directly — this is where your first draft appears. You’ll see pre-populated pages with text, images, and interactive tiles ready for refinement.

Layout of the Editor

When working in the Editor, there are four main spaces to know:

1. Left Sidebar (Filmstrip): Organise and navigate your course structure.
2. Main Canvas: Build out each page with text, media, and interactive tiles.
3. Bottom Toolbar: Access quick-add tools, AI generators, and the AI Assistant.
4. Top Menu: Manage course-level controls like themes, settings, sharing, and comments.

Let's look at each in detail:

Left Sidebar: Pages & Sections

The left panel is your course's navigation and structure manager.

Here you can:

• Scroll through all course pages.
• Add a new page or section divider using the “+ New Page” button.
• Insert pre-built pages using your Saved Page Templates.
• Drag and drop pages to easily reorder them.
• Click the Options menu (...) on any page to rename, duplicate, delete, copy, or paste.

📌 Tip: Use Section Dividers to break longer courses into clear learning segments. By clicking the arrow next to a section divider, you can collapse entire sections to keep your workspace organized.

Main Canvas: Page and Tile Editing

The center canvas is where you build. Each page is made of tiles — modular content elements.

To add a tile:

• Click the + button in the bottom toolbar to open the full tile menu.
• Choose from categories:
• • Text → Title, header, paragraph, quote, code, lists, and tables.
  • Media → Image, carousel, audio, embedded media, file downloads, and video.
  • Question → Multiple choice, short answer, matching, sorting, and ranking.
  • Interactive → Flashcards, accordion, tabs, process, hot buttons, and conversational AI simulations.

To edit a tile:

• Click directly into it to change text or replace media.
• Right-click a tile to access the context menu to duplicate, delete, cut, or copy it.
• Click and drag a tile by its handle to move it or place it side-by-side with another tile.

📌 Pro Tips:

• Keep pages focused. Two or three tiles per page works best for readability, especially on mobile.
• You can instantly create a table tile by copying a table from Excel, Google Sheets, or CSV, and pasting it directly onto the canvas!

Bottom Toolbar: Quick Tools

The toolbar at the bottom of the Editor gives you shortcuts for faster building:

• Quick Add Icons → Instantly drop in standard Text, Image, or Video tiles.
• AI Generators → Launch dedicated AI builders for Scenarios, Editable Videos, and AI Conversations.
• + Tile → Access the full menu of tile types and categories.
• AI Assistant → Chat with the AI to rewrite text, draft quizzes, or suggest interactive elements for the current page.

📌 Note: Adding "Custom Code" tiles from the full tile menu requires an Enterprise plan.

Top Menu: Global Controls

At the top-right of the Editor, you’ll find course-level controls:

• Analytics (📊) → View learner performance data and engagement metrics.
• Comments → Leave and review inline feedback with your team.
• Version History → Restore past versions of your course.
• Settings (⚙️) → Control learning parameters, language, and grading options.
• Theme (🖌️) → Adjust fonts, colours, and logos for the whole course.
• Preview (▶) → Open the course exactly as learners will see it.
• Share → Publish your course or export it.
• Kebab Menu (⋮) → Extra actions like translating the course, managing narration, or duplicating the course.

📌 Pro Tips:

• Open the Theme tool early. Setting your logo, fonts, and colors upfront ensures a consistent look across every page.
• Preview frequently. A page that looks balanced in the Editor might feel crowded in learner mode. Previewing helps catch formatting issues early.

FAQs

Does the Editor autosave my work?

Yes. Every change saves automatically to the cloud as you work.

Can I duplicate a page or tile?

Yes. Right-click a tile or click the ... menu on a page in the Left Sidebar to duplicate it. You can also use Ctrl + D (Windows) or Cmd + D (Mac).

Can I undo edits?

Yes. You can undo and redo actions using standard keyboard shortcuts: Ctrl + Z and Ctrl + Y on Windows, or Cmd + Z and Cmd + Shift + Z on Mac.

Do I have to use the Storyboard before editing?

No. You can start directly in the Editor with a blank canvas, or use AI through the Storyboard, imports, or direct prompts.

Can I save and reuse a theme?

Yes. Themes can be saved in your workspace settings and instantly applied to any future courses.

Can I save custom page templates? Yes! You can design a perfect page structure, click the ... menu on that page in the Left Sidebar, and select "Create Page Template" to easily reuse that layout later.

Where is the text formatting toolbar? The rich text toolbar appears automatically when you select text within a tile. It follows your text selection and cannot be moved to a fixed position. To access formatting options, simply highlight the text you want to format.

How do I delete a page? Click the ... menu on the page thumbnail in the Left Sidebar (Filmstrip) and select Delete. You can also right-click on a page thumbnail for the same options.

Where is the AI Agent panel? The AI Agent is fixed at the bottom centre of the editor. You can expand it by clicking the input field, and resize the chat history area by dragging the top edge of the panel up or down. The panel cannot be moved to a different position on the screen.

Updated on: 28/05/2026