In This Section

Basic Elements

• Shapes - Create and manipulate rectangles, ovals, and custom shapes
• Connectors - Connect shapes with smart routing lines
• Smart Connectors - Automatic routing modes and obstacle avoidance
• Connector Bend Points - Manual routing control
• Connector-to-Connector - Advanced connector connections
• Sticky Spots - Custom connection points on shapes
• Arrowheads - Complete reference of 31 arrowhead styles
• Text Editing - Add and format text in your diagrams
• Text Tool - Create standalone text objects

Organization

• Groups - Combine multiple elements into reusable units
• Tables - Create structured data grids with cell spanning and UML class boxes

Drawing & Editing

• Vector Drawing - Draw custom shapes with Bezier curves and paths
• Vector Path Editing - Edit shapes at the node level
• Replace Shapes - Swap shape types while preserving connections

Images & Media

• Images - Add and manipulate images in your diagrams

Layout & Alignment

• Alignment - Align and distribute objects precisely
• Grid & Snapping - Use grid and snap features for precision
• Smart Guides - Dynamic alignment guides while dragging

Library & Tabs

• Clipart Library - Save and reuse custom symbols
• Document Tabs - Work with multiple diagrams

Quick Start

1. Add a shape: Select a shape tool from the toolbar and click on the canvas
2. Connect shapes: Press C for the Connector tool, then drag between shapes
3. Add text: Double-click any shape to edit its text, or press T for the Text tool
4. Style elements: Select an element and use the Inspector panel to change colors, fonts, and effects

Tips

• Hold Shift while drawing to constrain proportions
• Use Cmd+D to duplicate selected elements
• Double-click connectors to add bend points for manual routing
• Group related elements with Cmd+G to move them together