diff --git a/docs/assets/img/product_pics/core/faces_kit/download_faces_firmware_02.png b/docs/assets/img/product_pics/core/faces_kit/download_faces_firmware_02.png
index 1c5400b5..41362fc1 100644
Binary files a/docs/assets/img/product_pics/core/faces_kit/download_faces_firmware_02.png and b/docs/assets/img/product_pics/core/faces_kit/download_faces_firmware_02.png differ
diff --git a/docs/en/quick_start/m5stick/m5stick_quick_start_with_uiflow.md b/docs/en/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
index 3f355222..dc253aa5 100644
--- a/docs/en/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
+++ b/docs/en/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
@@ -71,3 +71,13 @@ Click the `Settings` button at the top right of the [WebIDE](http://flow.m5stack
 >the resolution of stick screen is **64x128**, so if you want to drag a graph at [WebIDE](http://flow.m5stack.com/) to display on stick screen, it's better for you to drag it within a certain range shown as following figure.(Currently only supports the display of rectangular patterns, as well as labels.)
 
 <img src="assets/img/product_pics/core/minicore/m5stick/example/example_core_m5stick_01.png" width=50% height=50%>
+
+## Related Video
+
+**UIFlow 的简单介绍**
+
+<iframe width="560" height="315" src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/%E6%95%99%E7%A8%8B/UIFlow%20Tutorials/A3%20-%20UIflow%E7%AE%80%E4%BB%8B.mp4" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+**UIFlow 的快速指南 (Mac & Linux)**
+
+<iframe width="560" height="315" src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/LukeVideo/Getting%20started%20with%20UI%20flow%20(Mac_Linux).mp4" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
\ No newline at end of file
diff --git a/docs/ja/quick_start/m5stick/m5stick_quick_start_with_uiflow.md b/docs/ja/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
index 11243c11..9d3c721d 100644
--- a/docs/ja/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
+++ b/docs/ja/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
@@ -14,6 +14,10 @@
 
 4. **[例題](#例題)**
 
+5. **[関連動画](#関連動画)**
+
+6. **[UIFlow チュートリアル](https://m5stack.github.io/UIFlow_doc/ja/index.html)**
+
 ## ファームウェア更新
 
 >M5Stickのファームウェアを最新にすることでより良い体験が得られます。
@@ -68,4 +72,14 @@ WiFi設定が完了したら、M5Stickは自動的に再起動後、プログラ
 
 >スティック画面の解像度は**64x128**です。従って[Web IDE](http://flow.m5stack.com/)で図形をドラッグしてM5Stickの画面に表示する場合は、(0,0)から(63,127)の範囲内にドラッグしてください。（現在、ラベルと長方形の表示をサポートしています）
 
-<img src="assets/img/product_pics/core/minicore/m5stick/example/example_core_m5stick_01.png" width=50% height=50%>
\ No newline at end of file
+<img src="assets/img/product_pics/core/minicore/m5stick/example/example_core_m5stick_01.png" width=50% height=50%>
+
+## 関連動画
+
+**UIFlow の簡単な紹介**
+
+<iframe width="560" height="315" src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/%E6%95%99%E7%A8%8B/UIFlow%20Tutorials/A3%20-%20UIflow%E7%AE%80%E4%BB%8B.mp4" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+**UIFlow の入門ガイド (Mac & Linux)**
+
+<iframe width="560" height="315" src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/LukeVideo/Getting%20started%20with%20UI%20flow%20(Mac_Linux).mp4" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
diff --git a/docs/zh_CN/quick_start/m5stick/m5stick_quick_start_with_uiflow.md b/docs/zh_CN/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
index d9d51ad2..21a76adb 100644
--- a/docs/zh_CN/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
+++ b/docs/zh_CN/quick_start/m5stick/m5stick_quick_start_with_uiflow.md
@@ -16,6 +16,8 @@
 
 5. **[相关视频](#相关视频)**
 
+6. **[UIFlow 教程](https://m5stack.github.io/UIFlow_doc/cn/index.html)**
+
 ## 更新固件
 
 >将stick更新到最新固件版本，以获得更棒的体验
@@ -80,8 +82,8 @@
 
 **UIFlow 的简单介绍**
 
-<iframe height=498 width=510 src='https://player.youku.com/embed/XMzgyMjY1NDQ5Ng==' frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<iframe width="560" height="315" src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/%E6%95%99%E7%A8%8B/UIFlow%20Tutorials/A3%20-%20UIflow%E7%AE%80%E4%BB%8B.mp4" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
 **UIFlow 的快速指南 (Mac & Linux)**
 
-<iframe height=498 width=510 src='https://player.youku.com/embed/XMzgzMjQzNjIzMg==' frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<iframe width="560" height="315" src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/LukeVideo/Getting%20started%20with%20UI%20flow%20(Mac_Linux).mp4" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>