diff --git a/apps/designer/app/designer/features/sidebar-left/panels/image-upload.tsx b/apps/designer/app/designer/features/sidebar-left/panels/image-upload.tsx
new file mode 100644
index 0000000000..706636c631
--- /dev/null
+++ b/apps/designer/app/designer/features/sidebar-left/panels/image-upload.tsx
@@ -0,0 +1,15 @@
+import { ImageIcon } from "~/shared/icons";
+import { Button, Flex, Heading } from "~/shared/design-system";
+
+export const TabContent = () => {
+  return (
+    <Flex gap="3" direction="column" css={{ padding: "$1" }}>
+      <Heading>Assets</Heading>
+      <Flex>
+        <Button>Upload Image</Button>
+      </Flex>
+    </Flex>
+  );
+};
+
+export const icon = <ImageIcon />;
diff --git a/apps/designer/app/designer/features/sidebar-left/panels/index.ts b/apps/designer/app/designer/features/sidebar-left/panels/index.ts
index 589445e67f..83a3e7fda8 100644
--- a/apps/designer/app/designer/features/sidebar-left/panels/index.ts
+++ b/apps/designer/app/designer/features/sidebar-left/panels/index.ts
@@ -1,2 +1,3 @@
 export * as components from "./components";
 export * as tree from "./tree";
+export * as imageUpload from "./image-upload";