SmartArt

Diagrams that think before they draw.

A SmartArt block generates process flows, hierarchies, concept maps, and comparison grids from a prompt — then an AI elaboration pass adds depth, tone, and icons to match your course theme.

6
template types
SVG
pure vector output
theme-aware
inherits course palette

Six discriminated-union templates.

  • Process flow — sequential steps with directional arrows.
  • Hierarchy — orgs, taxonomies, decision trees.
  • Cycle — recurring loops with phase labels.
  • Comparison grid — side-by-side feature matrices.
  • Concept map — central node with radial subtopics.
  • Timeline — milestones with date anchors.

AI elaboration pass.

  • After you sketch the outline, the elaboration pass adds context-aware tooltips, icon slots, per-item tone.
  • Re-runnable per-scene — try a different elaboration without losing the structure.
  • Skippable when you want raw geometry only.

Theme inheritance.

  • Pulls accent + foreground from the course theme.
  • Connector recoloring per-item.
  • Icon library auto-matches palette tone (dark/light).

Integrates with everything.

  • Mix SmartArt with regular shapes/text on the same canvas.
  • Connectors can attach to SmartArt nodes.
  • AI narration auto-references SmartArt items by name.

Pure SVG rendering.

  • No raster outputs — scales to any size, every export channel.
  • Crisp on retina; works in SCORM 1.2 + 2004 packages.
  • Accessible — text is real text, screen-readable.

Try smartart on your own course today.

Start free