Zuga

Properties Panel

The Properties panel lets you edit the style of the selected node. Click the slider icon button at the right end of the toolbar to show it. The panel is hidden when no node is selected.

When a Text Node Is Selected

  • Text Language: Switch default / Japanese (ja) / English (en) at the top of the panel. The initial selection is default. Configured languages show a leading check mark (✓). Use the trash button to delete the currently selected language settings. The current selection is persisted in document data
  • Font: the heading shows the currently selected language name (for example: Font (Default)). Includes font family and font size controls
  • Font Style: the heading shows the currently selected language name (for example: Font Style (English)). Includes bold, italic, and strikethrough controls
  • Layout: horizontal alignment (left/center/right/justify), vertical alignment (top/middle/bottom)
  • Shape: text color, shape (rect/bubble), bubble tail direction, fill color, border color, border width, corner radius
  • Shadow: color, opacity, blur, X/Y offset

When a Rect Node Is Selected

  • Shape: fill color, border color, border width, corner radius
  • Shadow: color, opacity, blur, X/Y offset

When an SVG / builtin Node Is Selected

  • Builtin nodes with a color property: you can edit the icon color (Color)
  • SVG nodes and builtin nodes without a color property: the Color picker is hidden

When a Table Node Is Selected

Edit the table style (background, border, shadow, etc.).

When a Connection Node Is Selected

Edit the start and end marker shapes of the connection line.