Diagramly
FLOW & DIAGRAM STUDIO
Diagram title
Ready
↶
↷
New
Open
Save project
Export ▾
PowerPoint · PPTX (main format)
Backup project · JSON
Vector image · SVG
High-resolution · PNG
Web page with branch +/− · HTML
PDF · all slides
Print / Save as PDF
☾
Home
Shape
Insert
Page
Slides
Slide Show
View
⌃
⛶
📋
Paste
✂ Cut
⧉ Copy
🖌 Copy style
Paste style
Clipboard
Shape grows to text
Shape grows & shrinks
Fixed shape · font auto
Manual
B
I
U
A
▰
▭
⇤
↔
⇥
⤒
↕
⤓
Text & shape format
▾
Shapes
↗ Connect
Right-angle
Straight
Curve
Chain 1→2→3
First → all
All → last
━
Right-angle
Straight
Curve
Arrow
No arrow
Open
Diamond
Dot
Connectors
▣ Group
Ungroup
▲ Front
▼ Back
⫴ Align ▾
▢− Size
▢+ Size
⤡ Tight
⤢ Spread
= Match
Arrange & size
⟳ Rotate
Select all
🗑 Delete
🔗 Link
💬 Comment
★ Default look
Edit
Shapes (all in ▾ on Home)
🖼
Image
T
Text box
⬇
Save selection
as picture
⧉
Copy as
image
Insert
Template
Choose…
Convert slide
Insert into slide
Templates
Size
Custom
A4
A3
A5
Letter
Legal
Tabloid
PowerPoint 16:9
PowerPoint 4:3
Orientation
Landscape
Portrait
W
H
Margin
Background
Transparent
Apply page
Mode
Page (A4)
Slide (16:9)
Fit to margins
Page setup
🗋
New
document
+
New
slide
▶
Present
▦
Slide
sorter
Document & slides
▶
From
beginning
▷
From current
slide
▦
Slide
sorter
Start slide show (F5 / Shift+F5)
Transition
None
Fade
Push
Zoom
Wipe
Duration
s
Apply to all
Advance after
s
0 = on click
Apply to all
Transition & timing (this slide)
Loop until Esc
Pen colour
In the show: ✎ pen · ▍ highlighter · ● laser · ▦ all slides · B black · W white
Set up show
−
+
100%
Fit page
Fit diagram
▦ Grid
✋ Hand tool
☰ Panels
⚙ Settings
View
▸ Outline
◂ Design
02 / EDITOR
Diagram canvas
✋
◀
▲
▼
▶
−
100%
+
Grid
Fit
⑂
Start with a node
Add a shape, then add child branches. Edit node text and routing in the inspector.
+ Create first node
SLIDES
+ New slide
▶ Present
▾ Hide
WORKSPACE
Diagram settings
✕
Default arrow routing
Smooth S-curve
Straight line
Right-angle / elbow
Automatically fit node text
On — grow to fit
Off — use minimum dimensions
New child direction
Automatic / balanced
Right
Left
Below
Above
Default connector color
Default connector thickness
Default line type
Solid
Dashed
Dotted
Arrow heads on new connectors
Yes
No
Appearance & theme
Theme preset
Default (light / dark toggle)
Ocean
Forest
Sunset
Slate
High contrast
Accent colour
Interface font size (px)
Grid size (px)
Grid colour
Snap shapes to grid
No
Yes
Diagram background colour
Transparent background for PNG / SVG
Reset appearance
Template library
Template name
Template file or folder path (local reference)
Import template file
Save current diagram as template
Saved templates
Choose a template
Apply selected template
Workspace controls
Workspace / panel title
Panel labels (one per line: key=label)
Reset workspace labels
Export
PNG resolution
1× (screen)
2× (sharp)
3×
4× (print)
Export background
Use the diagram background (colour / image)
Transparent
Solid colour (below)
Solid colour
Shortcuts
Ctrl+C / V / X / D
Copy, paste, cut, duplicate (also pastes as image into Word, PowerPoint, LibreOffice, OnlyOffice)
Ctrl+Z / Y
Undo / redo
Ctrl+A
Select all
Delete
Delete shape or connector
Arrows
Nudge shape (Shift = 10px), or move canvas when nothing is selected
Wheel · Shift+wheel
Move canvas up/down · left/right (Ctrl+wheel = zoom)
H / Space+drag
Hand tool
PageUp / PageDown
Previous / next slide
Double-click connector
Edit its label
Apply settings
Panels
Shapes ribbon
Slide strip
Tree & branches
Inspector & organize