diff --git a/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx b/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx
index 24fde74..dfc4242 100644
--- a/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx
+++ b/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx
@@ -8,9 +8,54 @@ import YouTubeEmbed from '../../../src/components/YouTubeEmbed';
## Overview
-JLCPCB has a massive component catalog of 3d models and footprints.
+JLCPCB maintains a massive component catalog with 3D models and footprints for thousands of parts. You can import these components directly into your tscircuit projects using several methods.
-## Web Import
+## Import Using Editor Locally
+
+The easiest way to import JLCPCB components is using the editor's built-in import dialog when running `tsci dev`. This provides a modern search interface with real-time stock information.
+
+
+
+
+ Run `tsci dev` to start the development server
+
+
+
+
+ In the tsci dev environment, navigate to "File -> Import"
+
+
+
+
+ Go to the JLCPCB Parts tab and search by part number (e.g., 'C5100227') or keyword (e.g., 'ESP32')
+
+
+
+
+ Select component and click Import
+
+
+
+
+After importing, you can use the component in your circuit like this:
+
+### Example Usage
+
+```tsx
+import { ComponentName } from "@tsci/imported-component"
+
+export default () => (
+
+
+
+)
+```
+
+:::tip Tip
+Using File > Import from the editor locally is recommended
+:::
+
+## Import Using Web UI
You can import JLCPCB components on [tscircuit.com](https://tscircuit.com). After
importing the snippet, it'll be given a package name like `@tsci/YOUR_NAME.CHIP_NAME`
@@ -53,25 +98,3 @@ export default () => (
)
```
-
-
-## CLI Import
-
-To import JLCPCB components using the tsci dev environment, follow these steps:
-
-1. Run `tsci dev` to start the development server
-2. In the tsci dev environment, navigate to "File -> Import"
-
-
-
-After importing, you can use the component in your circuit like this:
-
-```tsx
-import { ComponentName } from "@tsci/imported-component"
-
-export default () => (
-
-
-
-)
-```
diff --git a/static/img/runframe-cli-setup.png b/static/img/runframe-cli-setup.png
new file mode 100644
index 0000000..36147c1
Binary files /dev/null and b/static/img/runframe-cli-setup.png differ
diff --git a/static/img/runframe-import-dialog.png b/static/img/runframe-import-dialog.png
new file mode 100644
index 0000000..17bc6ca
Binary files /dev/null and b/static/img/runframe-import-dialog.png differ
diff --git a/static/img/runframe-jlcpcb-results.png b/static/img/runframe-jlcpcb-results.png
new file mode 100644
index 0000000..1e812a7
Binary files /dev/null and b/static/img/runframe-jlcpcb-results.png differ
diff --git a/static/img/runframe-jlcpcb-search.png b/static/img/runframe-jlcpcb-search.png
new file mode 100644
index 0000000..b4c5cf1
Binary files /dev/null and b/static/img/runframe-jlcpcb-search.png differ
+ 
+ 
+ 
+