Autostyles (Canvas Themes)

Autostyles let you transform the visual style of your entire diagram with a single click. Choose from three distinctive hand-drawn styles, or keep the default Clean look.

Available Styles

Clean (Default)

The standard rendering mode. Shapes and connectors are drawn with precise, sharp lines — no stylization applied. This is the default for all new documents.

Sketch

A hand-drawn, organic look:

  • Lines have natural wobble and slight variation
  • Fills use diagonal hachure (parallel line) patterns
  • Multi-stroke rendering draws each line twice for an authentic sketchy feel
  • Corners have slight jitter for a natural, hand-drawn feel

Comic

Bold, exaggerated outlines:

  • Higher roughness for a cartoon-like appearance
  • Thick stroke lines (2x default width)
  • Fills remain solid (original colors preserved)
  • Curves bow more dramatically for a playful look

Blueprint

Technical drawing style:

  • Subtle roughness for a slightly hand-drawn quality
  • Fills use crosshatch patterns (two perpendicular line passes)
  • Precise corners preserved
  • Evokes engineering and architectural drawings

How to Apply an Autostyle

From the Toolbar

  1. Click the Autostyle dropdown in the toolbar (visible on freeform pages)
  2. Select a style — your diagram updates instantly

From the Menu Bar

  1. Go to View → Canvas Theme
  2. Select a style

Theme Style Inspector

When any non-Clean style is active, a Theme Style section appears in the Inspector panel. This gives you fine-grained control over the style parameters:

  • Roughness — How hand-drawn lines appear (0 = precise, 3 = very rough)
  • Bowing — How much straight lines curve (higher = more curved)
  • Multi-stroke — Draw each line twice with slight variation
  • Fill Pattern — Original, Hachure, Cross-Hatch, or Dots
  • Stroke Thickness — Multiplier for line width
  • Sharp Corners — Keep vertices at exact positions or add jitter
  • Hachure Angle — Direction of fill pattern lines (visible with Hachure/Cross-Hatch fills)
  • Hachure Gap — Spacing between fill pattern lines (0 = auto)

Click Reset to Preset to restore the selected style's default values.

Tips

  1. Try different styles on the same diagram to see which one fits your purpose
  2. Sketch works great for wireframes and early-stage planning
  3. Comic is perfect for presentations and informal documentation
  4. Blueprint suits technical and engineering diagrams
  5. Adjust Stroke Thickness to make the style more subtle or more pronounced
  6. Autostyles are a PRO feature — Clean is always available for free