> For the complete documentation index, see [llms.txt](https://tailieu.kikilogin.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tailieu.kikilogin.com/pro-kiki-automation-4.0/gioi-thieu-co-ban-giao-dien-thiet-ke-kich-ban.md).

# Giới thiệu cơ bản giao diện thiết kế kịch bản

## Giao diện màn hình thiết kế kịch bản

<figure><img src="/files/UrpHBpxQ2jWDeMeISkVS" alt=""><figcaption></figcaption></figure>

### 1. Vùng thiết kế kịch bản

<figure><img src="/files/TK2Get03vvJ3ekPbxGvx" alt=""><figcaption></figcaption></figure>

### 2. Danh sách step

**Hiển thị danh sách các step**: kéo step ra vùng thiết kế kịch bản hoặc click chuột vào step muốn sử dụng

<figure><img src="/files/qpQb5EKrgQq3hDV8G18l" alt=""><figcaption></figcaption></figure>

### 3. Thanh tiện ích

<figure><img src="/files/iUdjHJLDczHklBvCdniI" alt=""><figcaption></figcaption></figure>

**Import Nodes**: Dán các node đã được copy vào kịch bản

<figure><img src="/files/2q4U1VnoL08PyzWPfssu" alt=""><figcaption></figcaption></figure>

**Undo (Ctr+Z):** Đảo ngược hành động của một hành động trước đó

<figure><img src="/files/Hx2QuHy6aGU0lETsW8y0" alt=""><figcaption></figcaption></figure>

**Redo (Ctr+Shift+Z):** Tính năng được cung cấp sau khi bạn thực hiện undo

<figure><img src="/files/R4W9Mg5Abte3sJLKlBue" alt=""><figcaption></figcaption></figure>

* **Zoom in (Lăn chuột lên trên):** Phóng to vùng thiết kế kịch bản

<figure><img src="/files/mrI33mKltQFJKJ28aJub" alt=""><figcaption></figcaption></figure>

**Zoom out (Lăn chuột xuống dưới):** Thu nhỏ vùng thiết kế kịch bản

<figure><img src="/files/w5aGz0LWMVGTY7mMubm5" alt=""><figcaption></figcaption></figure>

**Fit view:** Đưa vùng thiết kế kịch bản về vị trí mặc định

<figure><img src="/files/c33qEPvxLmiQM5H4pN9t" alt=""><figcaption></figcaption></figure>

**Toggle interactivity:** Khoá màn hình thiết kế, người dùng không thể click và kéo node đang ở vùng thiết kế, chỉ kéo được mindmap

<figure><img src="/files/QeJX4PFYyVisjVDTqJjj" alt=""><figcaption></figcaption></figure>

### 4. Thanh công cụ

<figure><img src="/files/pT5Av23hcHdXC0c2Id1Z" alt=""><figcaption></figcaption></figure>

**Collapse/Expand sidebar:** Thu nhỏ/Phóng to mục chứa step

<figure><img src="/files/jay6G9tLKIWicw6LzyPd" alt=""><figcaption></figcaption></figure>

**Search node/id node:** Tìm kiếm node/id node có trên vùng thiết kế kịch bản

<figure><img src="/files/FEBMkksS7pmrJatM9BHx" alt=""><figcaption></figcaption></figure>

**Select Profile**: Chọn và tìm kiếm profile để chạy kịch bản được thiết kế tại vùng thiết kế kịch bản

<figure><img src="/files/MqM726QXFrdnil0AIoIA" alt=""><figcaption></figcaption></figure>

**Start:** Click để chạy kịch bản được thiết kế với profile đã chọn

<figure><img src="/files/Eiy2Cc8YpWrB6ieOfCQw" alt=""><figcaption></figcaption></figure>

### 5. Copy và Import Nodes

**Copy Nodes**: Cách thực hiện: Click phím Shift + Click kéo chuột trái để bôi đen vùng chứa node muốn sao chép trên màn hình thiết kế kịch bản. Sau đó click icon sao chép

<figure><img src="/files/xPiMxJUP9pHCHJwwdu7f" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/6ywTtMk3gde7c0EYdt4q" alt=""><figcaption></figcaption></figure>

**Import Nodes:** Cách thực hiện:&#x20;

* **Cách 1**: Click vào dấu `⋮` sau đó click chọn **Import Node,** dán các Node vừa được sao chép vào popup Import Node và click Import Node

<figure><img src="/files/GZxlad5lgpy07M90EkvN" alt=""><figcaption></figcaption></figure>

* **Cách 2:** Click vào icon Import Nodes tại thanh tiện ích, dán các Node vừa được sao chép vào     popup Import Node và click Import Node

<figure><img src="/files/UechbZsGI64tTtzcvz9o" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://tailieu.kikilogin.com/pro-kiki-automation-4.0/gioi-thieu-co-ban-giao-dien-thiet-ke-kich-ban.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.