Default Docs Website

How to use Types in Design

Description
1
Click Design tab

Click the Design tab to access available design types, shapes, and components for your document.

2
Click design input field

Click the design input field to start adding or editing design elements.

3
Click Text icon

Click the Text icon in the design sidebar to add a text element to your layout.

4
Click Text icon

Select the Text tool to insert text boxes into your design document.

5
Click Text element

Click on the Text element in the canvas to select it and edit its content or properties.

6
Type New Text

Enter the desired content into the text block to add instructional text to the step.

7
Click Text icon

Select the Text tool from the types panel to add text elements to the document.

8
Click text area

Click inside the design canvas to select and edit the text content.

9
Type Text

Type the desired text into the selected content block to update the documentation content.

10
Type New Text Different Font

Type the new text content with a different font style into the editor step block.

11
Click New Text Different Font

Select the newly added text element to edit or adjust its formatting.

12
Click New Text Different Font

Click the text element to confirm selection within the step container.

13
Click New Text Different Font

Click the text element to select it and open the floating text formatting toolbar for customization.

14
Click Arial font dropdown

Click the font dropdown menu to select a different font style for the text.

15
Click Times New Roman font option

Select Times New Roman from the font family list to update the selected text.

16
Click Add Step button

Click the Add Step button to insert a new step into the document design flow.

17
Click YouTube icon

Click the YouTube icon in the sidebar to add a video element to your document layout.

18
Click Add Step button

Click the Add Step button to insert a new process step into your guide.

19
Click Enter YouTube URL input field

Click the input field to start entering the YouTube video URL.

20
Type YouTube video URL

Enter the complete YouTube video link into the designated URL field.

21
Click URL input field

Click the URL input field inside the design step block to paste or type the target video link.

22
Click Add button

Click the Add button to confirm and embed the video URL into the design step.

23
Click Video shape icon

Click the video shape icon from the side panel to add a video element to the document canvas.

24
Click +Add Step button

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

25
Click drawing tool icon

Select the freehand drawing tool from the sidebar to start sketching directly onto the design canvas.

26
Type New Text Different Font

Enter the custom text content with the desired font styling into the designated input field.

27
Click drawing canvas

Draw a freeform line inside the canvas area to add custom annotations to the step.

28
Draw a freehand line segment

Click and drag within the drawing canvas to create custom annotations or sketches.

29
Complete the freehand drawing

Extend the stroke on the canvas to finalize the shape or diagram as required.

30
Click drawing canvas

Click on the drawing area to add or modify freehand strokes in your document step.

31
Click drawing canvas

Click within the canvas area to continue drawing or adjusting the red lines.

32
Click Done button

Click the Done button to save the drawing changes made within the step area.

33
Click +Add Step button

Click the +Add Step button to insert a new step into the document flow.

34
Click Line / Arrow tool

Click the line and arrow tool again to finish or adjust the drawing settings.

35
Click design canvas area

Click on the canvas area to interact with or edit the selected step design.

36
Click step container area

Click inside the specific step container to edit its contents or properties.

37
Draw connection line

Click within the design canvas to start drawing a line element.

38
Complete line path

Click a second point on the canvas to finish drawing the line segment.

39
Finalize line placement

Click the canvas again to confirm the final position and shape of the drawn line.

40
Draw connector line in step canvas

Click and drag inside the step canvas area to draw a custom connector line.

41
Draw connector line in step canvas

Continue dragging to shape the custom connector line.

42
Draw connector line in step canvas

Adjust the path of the connector line as needed.

43
Draw connector line in step canvas

Complete drawing the connector line to finalize the shape.

44
Draw line segment in design canvas

Click on the canvas area to define the starting point of a new line segment.

45
Adjust line endpoint in design canvas

Click to extend the line segment to its desired endpoint.

46
Finalize line segment creation

Click again to complete the line drawing and anchor the segment in place.

How to use Types in Design > Click Design tab

1
Click Design tab
2
Click design input field
3
Click Text icon
4
Click Text icon
5
Click Text element
6
Type New Text
7
Click Text icon
8
Click text area
9
Type Text
10
Type New Text Different Font
11
Click New Text Different Font
12
Click New Text Different Font
13
Click New Text Different Font
14
Click Arial font dropdown
15
Click Times New Roman font option
16
Click Add Step button
17
Click YouTube icon
18
Click Add Step button
19
Click Enter YouTube URL input field
20
Type YouTube video URL
21
Click URL input field
22
Click Add button
23
Click Video shape icon
24
Click +Add Step button
25
Click drawing tool icon
26
Type New Text Different Font
27
Click drawing canvas
28
Draw a freehand line segment
29
Complete the freehand drawing
30
Click drawing canvas
31
Click drawing canvas
32
Click Done button
33
Click +Add Step button
34
Click Line / Arrow tool
35
Click design canvas area
36
Click step container area
37
Draw connection line
38
Complete line path
39
Finalize line placement
40
Draw connector line in step canvas
41
Draw connector line in step canvas
42
Draw connector line in step canvas
43
Draw connector line in step canvas
44
Draw line segment in design canvas
45
Adjust line endpoint in design canvas
46
Finalize line segment creation