Default Docs Website

How to use Shapes in Design

Description
1
Click Design tab

Click the Design tab to switch to the design settings view.

2
Click Circle shape

Select the circle shape option from the design menu to add it to your document canvas.

3
Select a shape to add

Choose an oval shape from the sidebar panel to insert it into your design layout.

4
Click canvas to place shape

Click anywhere inside the step card canvas area to place the selected shape.

5
Select shape on canvas

Click the shape on the canvas to open its editing toolbar and adjust its properties.

6
Click Shape button

Click the Shape dropdown in the formatting toolbar to change or configure the selected shape.

7
Click Colors button

Click the Colors button in the toolbar to open the color palette for the selected shape.

8
Click Font dropdown

Click the Font dropdown menu to change the typeface of the selected text or shape label.

9
Click Circle Filled shape

Select the Circle Filled shape from the sidebar to add it to your design.

10
Click Circle Filled shape

Select the Circle Filled shape from the shapes panel to place it onto the canvas.

11
Select the filled circle shape

Click on the filled circle icon from the shapes panel to place it onto your design canvas.

12
Select the circle on canvas

Click the blue circular shape on the canvas to open its formatting and styling toolbar.

13
Click filled circle shape

Select the filled circle shape from the sidebar to add it to your design canvas.

14
Click square shape

Select the square shape from the sidebar to insert a square element into the document.

15
Select square shape tool

Click on the square icon in the shapes panel to choose the rectangle or square shape tool.

16
Draw square on canvas

Click and drag inside the design canvas area to place and size the new square shape.

17
Click Square shape

Select the square shape from the sidebar menu to add it to your design.

18
Click Filled Square shape

Select the filled square shape option from the shapes panel to place a solid square on the canvas.

19
Select shape on canvas

Click on the blue rectangular shape on the canvas to open its editing toolbar and adjust its properties.

20
Click curved arrow shape

Click the curved arrow shape in the side panel to add it to your current design step.

21
Select Curved Arrow Up shape

Click the Curved Arrow Up shape in the shapes panel to insert it into your design.

22
Select Curved Arrow Up shape

Click the Curved Arrow Up shape icon to add it to your project canvas.

23
Select curved arrow left shape

Click the curved arrow left shape in the sidebar palette to add it to your design canvas.

24
Select curved arrow down shape

Click the curved arrow down shape from the shapes panel to insert it into the active step.

25
Select shape element

Click on the curved arrow shape to select it and open the formatting toolbar.

26
Resize shape

Drag the corner handle of the selected shape to adjust its size as needed.

27
Click +Add Step button

Click the Add Step button to insert a new step into the tutorial document workflow.

28
Select Bubble Up shape

Click the Bubble Up shape icon from the shapes panel to add it to your design.

29
Select Bubble Up shape

Click the Bubble Up shape from the menu to use it in your document.

30
Click speech bubble shape

Select the speech bubble shape from the sidebar to add it to your design.

31
Click Bubble Down shape

Select the Bubble Down shape option from the shapes panel to insert it into the workspace.

32
Click canvas area

Click on the main canvas workspace to place or interact with the selected shape.

33
Select shape from panel

Click on a shape icon from the left sidebar to add it to your design.

34
Select Bubble Left shape

Click the Bubble Left shape icon to insert a speech bubble pointing left into the canvas.

35
Click speech bubble shape icon

Select the speech bubble shape from the sidebar panel to insert it into your design canvas.

36
Select speech bubble shape

Click the speech bubble icon from the shapes panel to add it to your design.

37
Click speech bubble shape on canvas

Click the added speech bubble shape on the canvas to select and edit it.

38
Click Add Step button

Click the Add Step button below the current section to insert a new step in the documentation guide.

39
Select Hand Up shape

Click the Hand Up shape icon in the sidebar to add it to the canvas.

40
Select Hand Up shape

Click the Hand Up shape icon in the shapes panel.

41
Select shape area to insert

Click inside the document workspace to place the selected shape element.

42
Click inserted shape element

Click the newly added shape to modify its properties, resize it, or reposition it in the document.

43
Click Hand Left shape

Select the hand left shape from the shapes panel to insert it into your design document.

44
Select shape from sidebar

Click on the desired shape icon in the left-hand panel to select it for your document.

45
Select pointing hand shape

Click on the right-pointing hand icon in the shapes panel to add it to your design.

46
Click pointing hand shape

Select the pointing hand shape from the sidebar panel to add it to your design.

47
Click right pointing hand shape

Select the right pointing hand shape from the shape library to insert it into the canvas.

48
Select shape from shapes panel

Click on the desired shape icon from the shapes panel to insert it into your design canvas.

How to use Shapes in Design > Click Design tab

1
Click Design tab
2
Click Circle shape
3
Select a shape to add
4
Click canvas to place shape
5
Select shape on canvas
6
Click Shape button
7
Click Colors button
8
Click Font dropdown
9
Click Circle Filled shape
10
Click Circle Filled shape
11
Select the filled circle shape
12
Select the circle on canvas
13
Click filled circle shape
14
Click square shape
15
Select square shape tool
16
Draw square on canvas
17
Click Square shape
18
Click Filled Square shape
19
Select shape on canvas
20
Click curved arrow shape
21
Select Curved Arrow Up shape
22
Select Curved Arrow Up shape
23
Select curved arrow left shape
24
Select curved arrow down shape
25
Select shape element
26
Resize shape
27
Click +Add Step button
28
Select Bubble Up shape
29
Select Bubble Up shape
30
Click speech bubble shape
31
Click Bubble Down shape
32
Click canvas area
33
Select shape from panel
34
Select Bubble Left shape
35
Click speech bubble shape icon
36
Select speech bubble shape
37
Click speech bubble shape on canvas
38
Click Add Step button
39
Select Hand Up shape
40
Select Hand Up shape
41
Select shape area to insert
42
Click inserted shape element
43
Click Hand Left shape
44
Select shape from sidebar
45
Select pointing hand shape
46
Click pointing hand shape
47
Click right pointing hand shape
48
Select shape from shapes panel