diff --git a/docs/images/python-extensions.png b/docs/images/python-extensions.png
new file mode 100644
index 000000000..ecca9c7ff
Binary files /dev/null and b/docs/images/python-extensions.png differ
diff --git a/docs/introduction/ide-usage.mdx b/docs/introduction/ide-usage.mdx
index ee86d5a6d..d222fa63d 100644
--- a/docs/introduction/ide-usage.mdx
+++ b/docs/introduction/ide-usage.mdx
@@ -25,14 +25,17 @@ Codegen creates a custom Python environment in `.codegen/.venv`. Configure your
        ```
     
     Alternatively, create a `.vscode/settings.json`:
-    ```json
-    {
-      "python.defaultInterpreterPath": "${workspaceFolder}/.codegen/.venv/bin/python",
-      "python.analysis.extraPaths": [
-        "${workspaceFolder}/.codegen/.venv/lib/python3.11/site-packages"
-      ]
-    }
-    ```
+        ```json
+        {
+          "python.defaultInterpreterPath": "${workspaceFolder}/.codegen/.venv/bin/python",
+          "python.analysis.extraPaths": [
+            "${workspaceFolder}/.codegen/.venv/lib/python3.11/site-packages"
+          ]
+        }
+        ```
+
+    5. Install the VSCode Python Extensions for LSP and debugging support. We recommend Python, Pylance and Python Debugger for the best experience.
+      <img src="/images/python-extensions.png" />
   </Accordion>
 
   <Accordion title="PyCharm" icon="python">