The left sidebar contains the Tool Panel and mode switching buttons. This is where you access all drawing tools and switch between Design, Draw, and Sites modes.
Mode Switching
At the top of the left sidebar, you'll find buttons to switch between the three application modes:
Design Mode
Standard UI design workflow. Create shapes, text, images, and layouts. Best for interface design, wireframes, and mockups.
Draw Mode
Illustration-focused tools with brushes, effects, and freehand drawing. Best for creating artwork, icons, and custom graphics.
Sites Mode
Web design and publishing tools. Convert designs to responsive websites with CMS and SEO features.
Design Mode Tools
Selection & Navigation
Select
Select elements
Hand
Pan canvas
Shape Tools
Rectangle
Draw rectangles
Circle
Draw circles
Line
Draw lines
Arc
Draw arcs/pies
Content Tools
Text
Add text
Image
Import images
Frame
Create frames
Section
Add sections
Path Tools
Pen
Bezier curves
Pencil
Freehand paths
Transform Tools
Scale
Scale elements
Eyedropper
Sample colors
Using Tools
- Click a tool button or press its keyboard shortcut to activate it
- The active tool is highlighted with a colored background
- Press
EscapeorVto return to the Select tool - Some tools have sub-options - click and hold to see them
Floating Toolbar
A compact floating toolbar appears above the canvas for quick access to commonly used tools. You can drag it to reposition or toggle its visibility using toolbar controls.