> 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>