diff --git a/docs/ff-concepts/adding-customization/custom-code.md b/docs/ff-concepts/adding-customization/custom-code.md
index 85098d8b..fbc299e1 100644
--- a/docs/ff-concepts/adding-customization/custom-code.md
+++ b/docs/ff-concepts/adding-customization/custom-code.md
@@ -44,6 +44,10 @@ You can use the In-App Code Editor to view and edit custom code directly in the
 
 ![custom-code-common.png](imgs/custom-code-common.png)
 
+:::tip
+To leverage the capabilities that go beyond our in-app code editor, you can click on the icon to open and edit your custom code directly in VS Code using the FlutterFlow [**VSCode extension**](vscode-extension.md).
+:::
+
 :::warning[Using the In-App Code Editor on Desktop]
 Note that the desktop version of the In-App Code Editor is limited. We recommend using the Web editor
 or the **[VSCode Extension](vscode-extension.md)**.
diff --git a/docs/intro/ff-ui/toolbar.md b/docs/intro/ff-ui/toolbar.md
index a3983710..0f125ea7 100644
--- a/docs/intro/ff-ui/toolbar.md
+++ b/docs/intro/ff-ui/toolbar.md
@@ -263,6 +263,8 @@ The Developer Menu provides developers with access to tools such as code viewing
 _Connect GitHub Repo_, _Download Code_, and _Download APK_ features requires a [**paid plan**](https://flutterflow.io/pricing).
 :::
 
+6. **Open in VSCode**: This option lets you open your entire FlutterFlow project in a VS Code environment, offering a richer development experience. You’ll have real-time autocomplete and error detection, easier access to existing Flutter & Dart tooling, and the ability to leverage the AI ecosystem.
+
 ## Share project
 
 You can make a project public so that others can view and clone your project. Before you share your project, make sure to remove any sensitive information.