diff --git a/docs/user-manual/editor/viewport.md b/docs/user-manual/editor/viewport.md
index 73d1e0ad86..338d3975b2 100644
--- a/docs/user-manual/editor/viewport.md
+++ b/docs/user-manual/editor/viewport.md
@@ -23,6 +23,20 @@ You can also use the camera menu to select any of the camera Entities in your sc
 
 The 3-Colored Axis you can see in the screenshot above is called a [Gizmo][4]. This is used to manipulate the transform matrix of the selected Entity. There are three types of Gizmo: Translate (with arrows on the ends of the axes); Rotate (which is made up of three colored rings) and Scale (with cubes on the ends of the axes).
 
+## Render Mode
+
+You can modify the viewport render mode using this drop-down menu in the top-right of the viewport:
+
+![Viewport Render Mode Menu](/images/user-manual/editor/viewport/render-mode-menu.png)
+
+It allows you to toggle wireframe rendering:
+
+![Viewport Wireframe](/images/user-manual/editor/viewport/wireframe.png)
+
+You can also visualize your scene in various debug render modes. This restricts the rendered scene to just show albedo, normals, AO, emission and more.
+
+![Viewport Render Modes](/images/user-manual/editor/viewport/render-modes.png)
+
 [1]: /images/user-manual/editor/viewport/viewport.jpg
 [2]: /images/user-manual/editor/viewport/camera-dropdown.jpg
 [3]: /images/user-manual/editor/viewport/gizmos.jpg
diff --git a/i18n/ja/docusaurus-plugin-content-docs/current/user-manual/editor/viewport.md b/i18n/ja/docusaurus-plugin-content-docs/current/user-manual/editor/viewport.md
index dd1039506f..2dc04e74db 100644
--- a/i18n/ja/docusaurus-plugin-content-docs/current/user-manual/editor/viewport.md
+++ b/i18n/ja/docusaurus-plugin-content-docs/current/user-manual/editor/viewport.md
@@ -23,6 +23,20 @@ sidebar_position: 4
 
 スクリーンショットで見ることができる3色の軸は、[ギズモ][4]と呼ばれます。これは、選択したエンティティの変換行列を操作するために使用されます。ギズモには3つの種類があります。矢印が軸の端にある「移動」、色付きの円がある「回転」、軸の端にキューブがある「拡大縮小」です。
 
+## 描画モード (Render Mode)
+
+You can modify the viewport render mode using this drop-down menu in the top-right of the viewport:
+
+![Viewport Render Mode Menu](/images/user-manual/editor/viewport/render-mode-menu.png)
+
+It allows you to toggle wireframe rendering:
+
+![Viewport Wireframe](/images/user-manual/editor/viewport/wireframe.png)
+
+You can also visualize your scene in various debug render modes. This restricts the rendered scene to just show albedo, normals, AO, emission and more.
+
+![Viewport Render Modes](/images/user-manual/editor/viewport/render-modes.png)
+
 [1]: /images/user-manual/editor/viewport/viewport.jpg
 [2]: /images/user-manual/editor/viewport/camera-dropdown.jpg
 [3]: /images/user-manual/editor/viewport/gizmos.jpg
diff --git a/static/images/user-manual/editor/viewport/render-mode-menu.png b/static/images/user-manual/editor/viewport/render-mode-menu.png
new file mode 100644
index 0000000000..bff1c85424
Binary files /dev/null and b/static/images/user-manual/editor/viewport/render-mode-menu.png differ
diff --git a/static/images/user-manual/editor/viewport/render-modes.png b/static/images/user-manual/editor/viewport/render-modes.png
new file mode 100644
index 0000000000..73775ff668
Binary files /dev/null and b/static/images/user-manual/editor/viewport/render-modes.png differ
diff --git a/static/images/user-manual/editor/viewport/wireframe.png b/static/images/user-manual/editor/viewport/wireframe.png
new file mode 100644
index 0000000000..d9aa6ea0ce
Binary files /dev/null and b/static/images/user-manual/editor/viewport/wireframe.png differ