diff --git a/docs/css/index.css b/docs/css/index.css
index 63282f168a..9737456609 100644
--- a/docs/css/index.css
+++ b/docs/css/index.css
@@ -848,6 +848,9 @@ a[href].post-tag:visited {
 .illus-techguide {
   background-image: url(/img/home-technical-guide.webp);
 }
+.illus-mcp {
+  background-image: url(/img/home-mcp-server.webp);
+}
 .illus-plugins {
   background-image: url(/img/home-plugins.webp);
 }
diff --git a/docs/index.njk b/docs/index.njk
index ef15854588..908d2f00b0 100644
--- a/docs/index.njk
+++ b/docs/index.njk
@@ -18,24 +18,30 @@ eleventyNavigation:
       <p>Everything you need to know about how Penpot works.</p>
     </a>
   </li>
-  <li class="illus illus-contributing">
-    <a href="/contributing-guide/">
-      <h2>Contributing guide →</h2>
-      <p>How to report bugs, add translations and more.</p>
-    </a>
-  </li>
   <li class="illus illus-techguide">
     <a href="/technical-guide/">
       <h2>Technical guide →</h2>
       <p>Installation, configuration and architecture.</p>
     </a>
   </li>
+  <li class="illus illus-mcp">
+    <a href="/mcp/">
+      <h2>MCP server →</h2>
+      <p>Connect AI agents to your Penpot files for design and development workflows.</p>
+    </a>
+  </li>
   <li class="illus illus-plugins">
     <a href="/plugins/">
       <h2>Plugins →</h2>
       <p>All about Penpot plugins.</p>
     </a>
   </li>
+  <li class="illus illus-contributing">
+    <a href="/contributing-guide/">
+      <h2>Contributing guide →</h2>
+      <p>How to report bugs, add translations and more.</p>
+    </a>
+  </li>
   <li class="illus illus-faq">
     <a href="https://community.penpot.app/c/faq/17">
       <h2>FAQs →</h2>
diff --git a/docs/mcp/index.md b/docs/mcp/index.md
index e0d31fe6ce..466144b3f1 100644
--- a/docs/mcp/index.md
+++ b/docs/mcp/index.md
@@ -309,6 +309,38 @@ For client-specific setup, use the shared section **Connect your MCP client**.
 
 For remote mode, use the URL shown in **Your account → Integrations → MCP Server**, which includes your `userToken`.
 
+### Setup videos
+
+<figure>
+  <iframe
+    width="672px"
+    height="378px"
+    src="https://www.youtube.com/embed/hBn1iutWSq4?rel=0"
+    title="Penpot MCP Server: Remote Setup in 5 Min | OpenCode + OpenRouter"
+    frameborder="0"
+    loading="lazy"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerpolicy="strict-origin-when-cross-origin"
+    allowfullscreen>
+  </iframe>
+  <figcaption>Penpot MCP Server – Remote setup with OpenCode and OpenRouter</figcaption>
+</figure>
+
+<figure>
+  <iframe
+    width="672px"
+    height="378px"
+    src="https://www.youtube.com/embed/QeSFO0h7GGY?rel=0"
+    title="Penpot MCP Server Remote Setup in 1 Minute | Cursor"
+    frameborder="0"
+    loading="lazy"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerpolicy="strict-origin-when-cross-origin"
+    allowfullscreen>
+  </iframe>
+  <figcaption>Penpot MCP Server – Remote setup with Cursor</figcaption>
+</figure>
+
 <a id="use-remote"></a>
 ### Use
 
@@ -391,6 +423,23 @@ Leave this terminal running while you use MCP.
 
 For advanced or repository-based workflows, see the [MCP README](https://github.com/penpot/penpot/blob/main/mcp/README.md) in the Penpot repository.
 
+### Setup video
+
+<figure>
+  <iframe
+    width="672px"
+    height="378px"
+    src="https://www.youtube.com/embed/xfgf0kKGOoc?rel=0"
+    title="Penpot MCP Server Local Setup"
+    frameborder="0"
+    loading="lazy"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerpolicy="strict-origin-when-cross-origin"
+    allowfullscreen>
+  </iframe>
+  <figcaption>Penpot MCP Server – Local setup</figcaption>
+</figure>
+
 <a id="connect-local"></a>
 ### Connect