diff --git a/docs/docs/en/guide/start/quick-start.md b/docs/docs/en/guide/start/quick-start.md
index d777431054..ff6c19749f 100644
--- a/docs/docs/en/guide/start/quick-start.md
+++ b/docs/docs/en/guide/start/quick-start.md
@@ -53,14 +53,9 @@ Click on the user name in the upper right corner to "exit" and re-use the normal
 
 ![project](../../../../img/new_ui/dev/quick-start/project.png)
 
-* `Click Workflow Definition -> Create Workflow Definition-> Online Process Definition`
+* `Click Workflow Definition -> Create Workflow Definition-> Online Workflow Definition`
 
-<p align="center">
-   <img src="../../../../img/process_definition_en.png" width="60%" />
- </p>
+![workflow-definition](../../../../img/new_ui/dev/quick-start/workflow-definition.png)
+* `Running Workflow Definition -> Click Workflow Instance -> Click Workflow Instance Name -> Double-click Task Node -> View Task Execution Log`
 
-* `Running Process Definition -> Click Workflow Instance -> Click Process Instance Name -> Double-click Task Node -> View Task Execution Log`
-
- <p align="center">
-   <img src="../../../../img/log_en.png" width="60%" />
-</p>
+![log](../../../../img/new_ui/dev/quick-start/log.png)
diff --git a/docs/docs/zh/guide/start/quick-start.md b/docs/docs/zh/guide/start/quick-start.md
index 1b960b1b9e..fb78d0120c 100644
--- a/docs/docs/zh/guide/start/quick-start.md
+++ b/docs/docs/zh/guide/start/quick-start.md
@@ -49,12 +49,9 @@
 
   * 点击工作流定义->创建工作流定义->上线工作流定义
 
-<p align="center">
-   <img src="../../../../img/dag1.png" width="60%" />
- </p>
+![workflow-definition](../../../../img/new_ui/dev/quick-start/workflow-definition.png)
 
   * 运行工作流定义->点击工作流实例->点击工作流实例名称->双击任务节点->查看任务执行日志
 
- <p align="center">
-   <img src="../../../../img/task-log.png" width="60%" />
-</p>
+![log](../../../../img/new_ui/dev/quick-start/log.png)
+
diff --git a/docs/img/new_ui/dev/quick-start/log.png b/docs/img/new_ui/dev/quick-start/log.png
new file mode 100644
index 0000000000..02658ffaa5
Binary files /dev/null and b/docs/img/new_ui/dev/quick-start/log.png differ
diff --git a/docs/img/new_ui/dev/quick-start/workflow-definition.png b/docs/img/new_ui/dev/quick-start/workflow-definition.png
new file mode 100644
index 0000000000..6406aa4bf2
Binary files /dev/null and b/docs/img/new_ui/dev/quick-start/workflow-definition.png differ