diff --git a/adminforth/documentation/docs/tutorial/08-Plugins/06-markdown.md b/adminforth/documentation/docs/tutorial/08-Plugins/06-markdown.md
index 3e8eacf35..755d9f0b8 100644
--- a/adminforth/documentation/docs/tutorial/08-Plugins/06-markdown.md
+++ b/adminforth/documentation/docs/tutorial/08-Plugins/06-markdown.md
@@ -36,12 +36,11 @@ plugins: [
 
 Here is how it looks in the create view:
 
-![alt text](markdown.png)
+![alt text](markdown-edit.png)
 
 Here is how it looks in show view:
 
-![alt text](markdown-show1.png)
-![alt text](markdown-show2.png)
+![alt text](markdown-show-1.png)
 
 ### Images in Markdown
 
@@ -180,6 +179,8 @@ plugins: [
 ### Markdown Top Panel
 The Markdown plugin also provides a convenient top panel with formatting buttons, allowing users to quickly apply Markdown syntax without typing it manually.
 
+![alt text](markdown-top-panel.png)
+
 By default, the toolbar includes common formatting actions such as:
 - Bold
 - Italic
diff --git a/adminforth/documentation/docs/tutorial/08-Plugins/markdown-edit.png b/adminforth/documentation/docs/tutorial/08-Plugins/markdown-edit.png
new file mode 100644
index 000000000..5cc87e7fc
Binary files /dev/null and b/adminforth/documentation/docs/tutorial/08-Plugins/markdown-edit.png differ
diff --git a/adminforth/documentation/docs/tutorial/08-Plugins/markdown-show-1.png b/adminforth/documentation/docs/tutorial/08-Plugins/markdown-show-1.png
new file mode 100644
index 000000000..0c24f5860
Binary files /dev/null and b/adminforth/documentation/docs/tutorial/08-Plugins/markdown-show-1.png differ
diff --git a/adminforth/documentation/docs/tutorial/08-Plugins/markdown-top-panel.png b/adminforth/documentation/docs/tutorial/08-Plugins/markdown-top-panel.png
new file mode 100644
index 000000000..2bf565ee9
Binary files /dev/null and b/adminforth/documentation/docs/tutorial/08-Plugins/markdown-top-panel.png differ