diff --git a/apps/web/.source/browser.ts b/apps/web/.source/browser.ts
index c11137b..b4b97c4 100644
--- a/apps/web/.source/browser.ts
+++ b/apps/web/.source/browser.ts
@@ -7,6 +7,6 @@ const create = browser<typeof Config, import("fumadocs-mdx/runtime/types").Inter
   }
 }>();
 const browserCollections = {
-  docs: create.doc("docs", {"conditional-logic.mdx": () => import("../content/docs/conditional-logic.mdx?collection=docs"), "configuration.mdx": () => import("../content/docs/configuration.mdx?collection=docs"), "custom-rendering.mdx": () => import("../content/docs/custom-rendering.mdx?collection=docs"), "form-component.mdx": () => import("../content/docs/form-component.mdx?collection=docs"), "index.mdx": () => import("../content/docs/index.mdx?collection=docs"), "installation.mdx": () => import("../content/docs/installation.mdx?collection=docs"), "quick-start.mdx": () => import("../content/docs/quick-start.mdx?collection=docs"), "schema.mdx": () => import("../content/docs/schema.mdx?collection=docs"), "validation.mdx": () => import("../content/docs/validation.mdx?collection=docs"), "your-first-form.mdx": () => import("../content/docs/your-first-form.mdx?collection=docs"), "fields/types.mdx": () => import("../content/docs/fields/types.mdx?collection=docs"), "fields/data/checkbox-group.mdx": () => import("../content/docs/fields/data/checkbox-group.mdx?collection=docs"), "fields/data/checkbox.mdx": () => import("../content/docs/fields/data/checkbox.mdx?collection=docs"), "fields/data/date.mdx": () => import("../content/docs/fields/data/date.mdx?collection=docs"), "fields/data/number.mdx": () => import("../content/docs/fields/data/number.mdx?collection=docs"), "fields/data/password.mdx": () => import("../content/docs/fields/data/password.mdx?collection=docs"), "fields/data/radio.mdx": () => import("../content/docs/fields/data/radio.mdx?collection=docs"), "fields/data/select.mdx": () => import("../content/docs/fields/data/select.mdx?collection=docs"), "fields/data/switch.mdx": () => import("../content/docs/fields/data/switch.mdx?collection=docs"), "fields/data/tags.mdx": () => import("../content/docs/fields/data/tags.mdx?collection=docs"), "fields/data/text.mdx": () => import("../content/docs/fields/data/text.mdx?collection=docs"), "fields/data/textarea.mdx": () => import("../content/docs/fields/data/textarea.mdx?collection=docs"), "fields/data/upload.mdx": () => import("../content/docs/fields/data/upload.mdx?collection=docs"), "fields/layout/array.mdx": () => import("../content/docs/fields/layout/array.mdx?collection=docs"), "fields/layout/collapsible.mdx": () => import("../content/docs/fields/layout/collapsible.mdx?collection=docs"), "fields/layout/group.mdx": () => import("../content/docs/fields/layout/group.mdx?collection=docs"), "fields/layout/row.mdx": () => import("../content/docs/fields/layout/row.mdx?collection=docs"), "fields/layout/tabs.mdx": () => import("../content/docs/fields/layout/tabs.mdx?collection=docs"), }),
+  docs: create.doc("docs", {"conditional-logic.mdx": () => import("../content/docs/conditional-logic.mdx?collection=docs"), "configuration.mdx": () => import("../content/docs/configuration.mdx?collection=docs"), "custom-rendering.mdx": () => import("../content/docs/custom-rendering.mdx?collection=docs"), "form-component.mdx": () => import("../content/docs/form-component.mdx?collection=docs"), "index.mdx": () => import("../content/docs/index.mdx?collection=docs"), "installation.mdx": () => import("../content/docs/installation.mdx?collection=docs"), "quick-start.mdx": () => import("../content/docs/quick-start.mdx?collection=docs"), "schema.mdx": () => import("../content/docs/schema.mdx?collection=docs"), "validation.mdx": () => import("../content/docs/validation.mdx?collection=docs"), "your-first-form.mdx": () => import("../content/docs/your-first-form.mdx?collection=docs"), "fields/types.mdx": () => import("../content/docs/fields/types.mdx?collection=docs"), "fields/layout/array.mdx": () => import("../content/docs/fields/layout/array.mdx?collection=docs"), "fields/layout/collapsible.mdx": () => import("../content/docs/fields/layout/collapsible.mdx?collection=docs"), "fields/layout/group.mdx": () => import("../content/docs/fields/layout/group.mdx?collection=docs"), "fields/layout/row.mdx": () => import("../content/docs/fields/layout/row.mdx?collection=docs"), "fields/layout/tabs.mdx": () => import("../content/docs/fields/layout/tabs.mdx?collection=docs"), "fields/data/checkbox-group.mdx": () => import("../content/docs/fields/data/checkbox-group.mdx?collection=docs"), "fields/data/checkbox.mdx": () => import("../content/docs/fields/data/checkbox.mdx?collection=docs"), "fields/data/date.mdx": () => import("../content/docs/fields/data/date.mdx?collection=docs"), "fields/data/number.mdx": () => import("../content/docs/fields/data/number.mdx?collection=docs"), "fields/data/password.mdx": () => import("../content/docs/fields/data/password.mdx?collection=docs"), "fields/data/radio.mdx": () => import("../content/docs/fields/data/radio.mdx?collection=docs"), "fields/data/select.mdx": () => import("../content/docs/fields/data/select.mdx?collection=docs"), "fields/data/switch.mdx": () => import("../content/docs/fields/data/switch.mdx?collection=docs"), "fields/data/tags.mdx": () => import("../content/docs/fields/data/tags.mdx?collection=docs"), "fields/data/text.mdx": () => import("../content/docs/fields/data/text.mdx?collection=docs"), "fields/data/textarea.mdx": () => import("../content/docs/fields/data/textarea.mdx?collection=docs"), "fields/data/upload.mdx": () => import("../content/docs/fields/data/upload.mdx?collection=docs"), }),
 };
 export default browserCollections;
\ No newline at end of file
diff --git a/apps/web/.source/server.ts b/apps/web/.source/server.ts
index a158859..2fd4dd8 100644
--- a/apps/web/.source/server.ts
+++ b/apps/web/.source/server.ts
@@ -1,21 +1,21 @@
 // @ts-nocheck
-import * as __fd_glob_31 from "../content/docs/fields/layout/tabs.mdx?collection=docs"
-import * as __fd_glob_30 from "../content/docs/fields/layout/row.mdx?collection=docs"
-import * as __fd_glob_29 from "../content/docs/fields/layout/group.mdx?collection=docs"
-import * as __fd_glob_28 from "../content/docs/fields/layout/collapsible.mdx?collection=docs"
-import * as __fd_glob_27 from "../content/docs/fields/layout/array.mdx?collection=docs"
-import * as __fd_glob_26 from "../content/docs/fields/data/upload.mdx?collection=docs"
-import * as __fd_glob_25 from "../content/docs/fields/data/textarea.mdx?collection=docs"
-import * as __fd_glob_24 from "../content/docs/fields/data/text.mdx?collection=docs"
-import * as __fd_glob_23 from "../content/docs/fields/data/tags.mdx?collection=docs"
-import * as __fd_glob_22 from "../content/docs/fields/data/switch.mdx?collection=docs"
-import * as __fd_glob_21 from "../content/docs/fields/data/select.mdx?collection=docs"
-import * as __fd_glob_20 from "../content/docs/fields/data/radio.mdx?collection=docs"
-import * as __fd_glob_19 from "../content/docs/fields/data/password.mdx?collection=docs"
-import * as __fd_glob_18 from "../content/docs/fields/data/number.mdx?collection=docs"
-import * as __fd_glob_17 from "../content/docs/fields/data/date.mdx?collection=docs"
-import * as __fd_glob_16 from "../content/docs/fields/data/checkbox.mdx?collection=docs"
-import * as __fd_glob_15 from "../content/docs/fields/data/checkbox-group.mdx?collection=docs"
+import * as __fd_glob_31 from "../content/docs/fields/data/upload.mdx?collection=docs"
+import * as __fd_glob_30 from "../content/docs/fields/data/textarea.mdx?collection=docs"
+import * as __fd_glob_29 from "../content/docs/fields/data/text.mdx?collection=docs"
+import * as __fd_glob_28 from "../content/docs/fields/data/tags.mdx?collection=docs"
+import * as __fd_glob_27 from "../content/docs/fields/data/switch.mdx?collection=docs"
+import * as __fd_glob_26 from "../content/docs/fields/data/select.mdx?collection=docs"
+import * as __fd_glob_25 from "../content/docs/fields/data/radio.mdx?collection=docs"
+import * as __fd_glob_24 from "../content/docs/fields/data/password.mdx?collection=docs"
+import * as __fd_glob_23 from "../content/docs/fields/data/number.mdx?collection=docs"
+import * as __fd_glob_22 from "../content/docs/fields/data/date.mdx?collection=docs"
+import * as __fd_glob_21 from "../content/docs/fields/data/checkbox.mdx?collection=docs"
+import * as __fd_glob_20 from "../content/docs/fields/data/checkbox-group.mdx?collection=docs"
+import * as __fd_glob_19 from "../content/docs/fields/layout/tabs.mdx?collection=docs"
+import * as __fd_glob_18 from "../content/docs/fields/layout/row.mdx?collection=docs"
+import * as __fd_glob_17 from "../content/docs/fields/layout/group.mdx?collection=docs"
+import * as __fd_glob_16 from "../content/docs/fields/layout/collapsible.mdx?collection=docs"
+import * as __fd_glob_15 from "../content/docs/fields/layout/array.mdx?collection=docs"
 import * as __fd_glob_14 from "../content/docs/fields/types.mdx?collection=docs"
 import * as __fd_glob_13 from "../content/docs/your-first-form.mdx?collection=docs"
 import * as __fd_glob_12 from "../content/docs/validation.mdx?collection=docs"
@@ -27,8 +27,8 @@ import * as __fd_glob_7 from "../content/docs/form-component.mdx?collection=docs
 import * as __fd_glob_6 from "../content/docs/custom-rendering.mdx?collection=docs"
 import * as __fd_glob_5 from "../content/docs/configuration.mdx?collection=docs"
 import * as __fd_glob_4 from "../content/docs/conditional-logic.mdx?collection=docs"
-import { default as __fd_glob_3 } from "../content/docs/fields/data/meta.json?collection=docs"
-import { default as __fd_glob_2 } from "../content/docs/fields/layout/meta.json?collection=docs"
+import { default as __fd_glob_3 } from "../content/docs/fields/layout/meta.json?collection=docs"
+import { default as __fd_glob_2 } from "../content/docs/fields/data/meta.json?collection=docs"
 import { default as __fd_glob_1 } from "../content/docs/fields/meta.json?collection=docs"
 import { default as __fd_glob_0 } from "../content/docs/meta.json?collection=docs"
 import { server } from 'fumadocs-mdx/runtime/server';
@@ -39,4 +39,4 @@ const create = server<typeof Config, import("fumadocs-mdx/runtime/types").Intern
   }
 }>({"doc":{"passthroughs":["extractedReferences"]}});
 
-export const docs = await create.docs("docs", "content/docs", {"meta.json": __fd_glob_0, "fields/meta.json": __fd_glob_1, "fields/layout/meta.json": __fd_glob_2, "fields/data/meta.json": __fd_glob_3, }, {"conditional-logic.mdx": __fd_glob_4, "configuration.mdx": __fd_glob_5, "custom-rendering.mdx": __fd_glob_6, "form-component.mdx": __fd_glob_7, "index.mdx": __fd_glob_8, "installation.mdx": __fd_glob_9, "quick-start.mdx": __fd_glob_10, "schema.mdx": __fd_glob_11, "validation.mdx": __fd_glob_12, "your-first-form.mdx": __fd_glob_13, "fields/types.mdx": __fd_glob_14, "fields/data/checkbox-group.mdx": __fd_glob_15, "fields/data/checkbox.mdx": __fd_glob_16, "fields/data/date.mdx": __fd_glob_17, "fields/data/number.mdx": __fd_glob_18, "fields/data/password.mdx": __fd_glob_19, "fields/data/radio.mdx": __fd_glob_20, "fields/data/select.mdx": __fd_glob_21, "fields/data/switch.mdx": __fd_glob_22, "fields/data/tags.mdx": __fd_glob_23, "fields/data/text.mdx": __fd_glob_24, "fields/data/textarea.mdx": __fd_glob_25, "fields/data/upload.mdx": __fd_glob_26, "fields/layout/array.mdx": __fd_glob_27, "fields/layout/collapsible.mdx": __fd_glob_28, "fields/layout/group.mdx": __fd_glob_29, "fields/layout/row.mdx": __fd_glob_30, "fields/layout/tabs.mdx": __fd_glob_31, });
\ No newline at end of file
+export const docs = await create.docs("docs", "content/docs", {"meta.json": __fd_glob_0, "fields/meta.json": __fd_glob_1, "fields/data/meta.json": __fd_glob_2, "fields/layout/meta.json": __fd_glob_3, }, {"conditional-logic.mdx": __fd_glob_4, "configuration.mdx": __fd_glob_5, "custom-rendering.mdx": __fd_glob_6, "form-component.mdx": __fd_glob_7, "index.mdx": __fd_glob_8, "installation.mdx": __fd_glob_9, "quick-start.mdx": __fd_glob_10, "schema.mdx": __fd_glob_11, "validation.mdx": __fd_glob_12, "your-first-form.mdx": __fd_glob_13, "fields/types.mdx": __fd_glob_14, "fields/layout/array.mdx": __fd_glob_15, "fields/layout/collapsible.mdx": __fd_glob_16, "fields/layout/group.mdx": __fd_glob_17, "fields/layout/row.mdx": __fd_glob_18, "fields/layout/tabs.mdx": __fd_glob_19, "fields/data/checkbox-group.mdx": __fd_glob_20, "fields/data/checkbox.mdx": __fd_glob_21, "fields/data/date.mdx": __fd_glob_22, "fields/data/number.mdx": __fd_glob_23, "fields/data/password.mdx": __fd_glob_24, "fields/data/radio.mdx": __fd_glob_25, "fields/data/select.mdx": __fd_glob_26, "fields/data/switch.mdx": __fd_glob_27, "fields/data/tags.mdx": __fd_glob_28, "fields/data/text.mdx": __fd_glob_29, "fields/data/textarea.mdx": __fd_glob_30, "fields/data/upload.mdx": __fd_glob_31, });
\ No newline at end of file
diff --git a/apps/web/app/(builder)/components/export-sheet.tsx b/apps/web/app/(builder)/components/export-sheet.tsx
index ae8df32..f357dee 100644
--- a/apps/web/app/(builder)/components/export-sheet.tsx
+++ b/apps/web/app/(builder)/components/export-sheet.tsx
@@ -24,6 +24,7 @@ import {
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { generateComponentCode } from "../lib/code-generator";
 import { toBuilderDocument } from "../lib/persistence";
+import { nodesToFields } from "../lib/schema-builder";
 import { downloadTextFile, toSafeFileName } from "../lib/utils";
 import { useBuilderStore } from "../lib/store";
 
@@ -67,13 +68,26 @@ export function ExportSheet() {
     return generateComponentCode(nodes, rootIds, formName);
   }, [open, nodes, rootIds, formName]);
 
+  const schemaJson = React.useMemo(() => {
+    if (!open) return "";
+    const fields = nodesToFields(nodes, rootIds);
+    return JSON.stringify(fields, null, 2);
+  }, [open, nodes, rootIds]);
+
   const downloadJson = React.useCallback(() => {
     if (!documentJson) return;
-    const fileName = `${toSafeFileName(formName)}.json`;
+    const fileName = `${toSafeFileName(formName)}-doc.json`;
     downloadTextFile(documentJson, fileName, "application/json");
-    toast.success("Builder backup exported");
+    toast.success("Builder Document exported");
   }, [documentJson, formName]);
 
+  const downloadSchema = React.useCallback(() => {
+    if (!schemaJson) return;
+    const fileName = `${toSafeFileName(formName)}.json`;
+    downloadTextFile(schemaJson, fileName, "application/json");
+    toast.success("BuzzForm schema exported");
+  }, [schemaJson, formName]);
+
   const downloadCode = React.useCallback(() => {
     if (!componentCode) return;
     const fileName = `${toSafeFileName(formName)}.tsx`;
@@ -99,8 +113,8 @@ export function ExportSheet() {
         <SheetHeader className="border-b pr-12">
           <SheetTitle>Export Form</SheetTitle>
           <SheetDescription>
-            Export production-ready TSX for your app, or a BuzzForm file for
-            Builder import.
+            Export production-ready TSX, portable BuzzForm schema JSON, or a
+            Builder document file.
           </SheetDescription>
         </SheetHeader>
 
@@ -116,7 +130,12 @@ export function ExportSheet() {
             </TabsTrigger>
             <TabsTrigger value="json" className="gap-1.5">
               <HugeiconsIcon icon={File02Icon} size={16} strokeWidth={2} />
-              BuzzForm File
+              Builder Document
+              <Badge variant="outline">.json</Badge>
+            </TabsTrigger>
+            <TabsTrigger value="schema" className="gap-1.5">
+              <HugeiconsIcon icon={File02Icon} size={16} strokeWidth={2} />
+              BuzzForm Schema
               <Badge variant="outline">.json</Badge>
             </TabsTrigger>
           </TabsList>
@@ -172,11 +191,11 @@ export function ExportSheet() {
                       strokeWidth={1.8}
                       className="text-muted-foreground"
                     />
-                    BuzzForm file
+                    Builder document file
                   </div>
                   <p className="text-sm text-muted-foreground">
-                    Keep this as your editable BuzzForm source file to back up,
-                    share, and continue work later in BuzzForm Builder.
+                    Includes Builder metadata and node ids to fully restore your
+                    workspace exactly as-is.
                   </p>
                   <div className="mt-2 flex flex-wrap items-center gap-2">
                     <Button
@@ -190,7 +209,7 @@ export function ExportSheet() {
                         size={16}
                         strokeWidth={2}
                       />
-                      Download BuzzForm File
+                      Download Builder Document
                     </Button>
                   </div>
                 </div>
@@ -201,6 +220,50 @@ export function ExportSheet() {
               </div>
             </ScrollArea>
           </TabsContent>
+
+          <TabsContent
+            value="schema"
+            className="min-h-0 flex-1 overflow-hidden"
+          >
+            <ScrollArea className="h-full px-4 py-2">
+              <div className="space-y-3 p-1">
+                <div className="rounded-lg border bg-muted/30 p-3">
+                  <div className="mb-3 flex items-center gap-2 text-sm font-medium">
+                    <HugeiconsIcon
+                      icon={File02Icon}
+                      size={16}
+                      strokeWidth={1.8}
+                      className="text-muted-foreground"
+                    />
+                    BuzzForm schema
+                  </div>
+                  <p className="text-sm text-muted-foreground">
+                    Pure schema JSON for copy/paste import and runtime form
+                    generation.
+                  </p>
+                  <div className="mt-2 flex flex-wrap items-center gap-2">
+                    <Button
+                      type="button"
+                      variant="outline"
+                      size="sm"
+                      onClick={downloadSchema}
+                    >
+                      <HugeiconsIcon
+                        icon={Download01Icon}
+                        size={16}
+                        strokeWidth={2}
+                      />
+                      Download BuzzForm Schema
+                    </Button>
+                  </div>
+                </div>
+
+                <div className="[&_figure]:my-0!">
+                  <DynamicCodeBlock lang="json" code={schemaJson} />
+                </div>
+              </div>
+            </ScrollArea>
+          </TabsContent>
         </Tabs>
       </SheetContent>
     </Sheet>
diff --git a/apps/web/app/(builder)/components/header/form-manager-dialog.tsx b/apps/web/app/(builder)/components/header/form-manager-dialog.tsx
index 7921512..875f912 100644
--- a/apps/web/app/(builder)/components/header/form-manager-dialog.tsx
+++ b/apps/web/app/(builder)/components/header/form-manager-dialog.tsx
@@ -37,7 +37,7 @@ export function FormManagerDialog() {
         }
       />
 
-      <DialogContent className="sm:max-w-2xl">
+      <DialogContent className="sm:max-w-3xl">
         <DialogHeader>
           <DialogTitle>Forms</DialogTitle>
           <DialogDescription>
diff --git a/apps/web/app/(builder)/components/header/form-manager-new-panel.tsx b/apps/web/app/(builder)/components/header/form-manager-new-panel.tsx
index d4e5174..d1fb48b 100644
--- a/apps/web/app/(builder)/components/header/form-manager-new-panel.tsx
+++ b/apps/web/app/(builder)/components/header/form-manager-new-panel.tsx
@@ -3,6 +3,7 @@
 import * as React from "react";
 import { Button } from "@/components/ui/button";
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+import { Badge } from "@/components/ui/badge";
 import {
   Card,
   CardContent,
@@ -11,25 +12,33 @@ import {
   CardTitle,
 } from "@/components/ui/card";
 import { Spinner } from "@/components/ui/spinner";
+import { Textarea } from "@/components/ui/textarea";
 import { HugeiconsIcon } from "@hugeicons/react";
 import {
   Add01Icon,
   Alert01Icon,
+  Copy01Icon,
   File02Icon,
   Upload01Icon,
 } from "@hugeicons/core-free-icons";
-import {
-  fromBuilderDocument,
-  parseBuilderDocumentJson,
-  type BuilderDocumentState,
-} from "../../lib/persistence";
 import { useBuilderStore } from "../../lib/store";
 import { toast } from "sonner";
+import {
+  parseImportedFormJson,
+  type ImportPayloadFormat,
+} from "../../lib/import-json";
+import type { BuilderDocumentState } from "../../lib/persistence";
 
 const MIN_IMPORT_FEEDBACK_MS = 500;
 
+const IMPORT_FORMAT_LABELS: Record<ImportPayloadFormat, string> = {
+  "builder-backup": "Builder Backup",
+  "buzzform-schema": "BuzzForm Schema",
+};
+
 type PendingImport = {
-  fileName: string;
+  sourceName: string;
+  format: ImportPayloadFormat;
   formName: string;
   nodeCount: number;
   state: BuilderDocumentState;
@@ -46,6 +55,17 @@ type FormManagerPendingImportStateProps = {
   onClearSelection: () => void;
 };
 
+type FormManagerPasteImportStateProps = {
+  value: string;
+  isImporting: boolean;
+  onChangeValue: (value: string) => void;
+  onBack: () => void;
+  onPasteFromClipboard: () => void;
+  onImport: () => void;
+  onDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+  onDrop: (event: React.DragEvent<HTMLDivElement>) => void;
+};
+
 function FormManagerPendingImportState({
   pendingImport,
   isImporting,
@@ -59,13 +79,19 @@ function FormManagerPendingImportState({
           <HugeiconsIcon icon={File02Icon} size={32} strokeWidth={1.5} />
         </div>
 
-        <div className="space-y-1.5 text-center">
+        <div className="space-y-2 text-center">
           <h3 className="text-xl font-semibold tracking-tight">
             {pendingImport.formName}
           </h3>
-          <p className="text-sm text-muted-foreground">
-            {pendingImport.fileName}
-          </p>
+          <p className="text-sm text-muted-foreground">{pendingImport.sourceName}</p>
+          <div className="flex items-center justify-center gap-2">
+            <Badge variant="outline">
+              {IMPORT_FORMAT_LABELS[pendingImport.format]}
+            </Badge>
+            <span className="text-xs text-muted-foreground">
+              {pendingImport.nodeCount} nodes
+            </span>
+          </div>
         </div>
       </div>
 
@@ -84,7 +110,7 @@ function FormManagerPendingImportState({
           </div>
         </div>
 
-        <div className="grid grid-cols-2 gap-2 mt-1">
+        <div className="mt-1 grid grid-cols-2 gap-2">
           <Button
             variant="outline"
             onClick={onClearSelection}
@@ -107,11 +133,84 @@ function FormManagerPendingImportState({
   );
 }
 
+function FormManagerPasteImportState({
+  value,
+  isImporting,
+  onChangeValue,
+  onBack,
+  onPasteFromClipboard,
+  onImport,
+  onDragOver,
+  onDrop,
+}: FormManagerPasteImportStateProps) {
+  return (
+    <div className="flex min-h-0 w-full flex-1 flex-col gap-3 animate-in fade-in duration-200">
+      <div className="space-y-1">
+        <h3 className="text-lg font-semibold tracking-tight">Import JSON</h3>
+        <p className="text-sm text-muted-foreground">
+          Paste a BuzzForm schema or Builder backup JSON.
+        </p>
+      </div>
+
+      <div
+        className="h-56 min-h-0 overflow-hidden rounded-lg border border-dashed border-border/70 p-2 transition-colors hover:border-primary/50"
+        onDragOver={onDragOver}
+        onDrop={onDrop}
+      >
+        <Textarea
+          value={value}
+          onChange={(event) => onChangeValue(event.target.value)}
+          placeholder='[\n  { "type": "text", "name": "email", "label": "Email" }\n]'
+          wrap="off"
+          className="h-full min-h-0 resize-none overflow-x-auto overflow-y-auto border-0 bg-transparent font-mono text-xs whitespace-pre shadow-none field-sizing-fixed focus-visible:ring-0"
+        />
+      </div>
+
+      <div className="mt-auto flex flex-wrap justify-end gap-2">
+        <Button variant="ghost" onClick={onBack} disabled={isImporting}>
+          Back
+        </Button>
+        <Button
+          variant="outline"
+          onClick={onPasteFromClipboard}
+          disabled={isImporting}
+        >
+          <HugeiconsIcon
+            icon={Copy01Icon}
+            size={16}
+            className="mr-2"
+            strokeWidth={2}
+          />
+          Paste from Clipboard
+        </Button>
+        <Button
+          onClick={onImport}
+          disabled={isImporting || value.trim().length === 0}
+        >
+          {isImporting ? (
+            <Spinner className="mr-2 size-4" />
+          ) : (
+            <HugeiconsIcon
+              icon={Upload01Icon}
+              size={16}
+              className="mr-2"
+              strokeWidth={2}
+            />
+          )}
+          Validate JSON
+        </Button>
+      </div>
+    </div>
+  );
+}
+
 export function FormManagerNewPanel({ onDone }: FormManagerNewPanelProps) {
   const [isImporting, setIsImporting] = React.useState(false);
   const [pendingImport, setPendingImport] =
     React.useState<PendingImport | null>(null);
   const [importError, setImportError] = React.useState<string | null>(null);
+  const [isPasteMode, setIsPasteMode] = React.useState(false);
+  const [pastedJson, setPastedJson] = React.useState("");
 
   const fileInputRef = React.useRef<HTMLInputElement | null>(null);
   const clearState = useBuilderStore((state) => state.clearState);
@@ -140,6 +239,77 @@ export function FormManagerNewPanel({ onDone }: FormManagerNewPanelProps) {
     fileInputRef.current?.click();
   };
 
+  const handleOpenPasteMode = () => {
+    if (isImporting) return;
+    setImportError(null);
+    setIsPasteMode(true);
+  };
+
+  const handleClosePasteMode = () => {
+    if (isImporting) return;
+    setImportError(null);
+    setIsPasteMode(false);
+  };
+
+  const processImportJson = React.useCallback(
+    async ({
+      json,
+      sourceName,
+      schemaFileNameHint,
+      closePasteModeOnSuccess,
+    }: {
+      json: string;
+      sourceName: string;
+      schemaFileNameHint?: string;
+      closePasteModeOnSuccess: boolean;
+    }) => {
+      const startedAt = Date.now();
+      setImportError(null);
+      setPendingImport(null);
+      setIsImporting(true);
+
+      try {
+        const parsed = parseImportedFormJson(json);
+        const importedState =
+          parsed.format === "buzzform-schema" &&
+          schemaFileNameHint &&
+          parsed.state.formName === "Imported Form"
+            ? {
+                ...parsed.state,
+                formName: schemaFileNameHint,
+              }
+            : parsed.state;
+
+        setPendingImport({
+          sourceName,
+          format: parsed.format,
+          formName: importedState.formName,
+          nodeCount: Object.keys(importedState.nodes).length,
+          state: importedState,
+        });
+
+        if (closePasteModeOnSuccess) {
+          setIsPasteMode(false);
+        }
+      } catch (error) {
+        const rawMessage =
+          error instanceof Error ? error.message : "Failed to import JSON.";
+        const message = `Invalid import JSON: ${rawMessage}`;
+        setImportError(message);
+        toast.error(message);
+      } finally {
+        const elapsed = Date.now() - startedAt;
+        if (elapsed < MIN_IMPORT_FEEDBACK_MS) {
+          await new Promise((resolve) =>
+            setTimeout(resolve, MIN_IMPORT_FEEDBACK_MS - elapsed),
+          );
+        }
+        setIsImporting(false);
+      }
+    },
+    [],
+  );
+
   const handleFileImport = async (
     event: React.ChangeEvent<HTMLInputElement>,
   ) => {
@@ -147,36 +317,90 @@ export function FormManagerNewPanel({ onDone }: FormManagerNewPanelProps) {
     event.target.value = "";
     if (!file) return;
 
-    const startedAt = Date.now();
-    setImportError(null);
-    setPendingImport(null);
-    setIsImporting(true);
+    const contents = await file.text();
+    await processImportJson({
+      json: contents,
+      sourceName: file.name,
+      schemaFileNameHint: toFormNameHint(file.name),
+      closePasteModeOnSuccess: false,
+    });
+  };
 
-    try {
-      const contents = await file.text();
-      const document = parseBuilderDocumentJson(contents);
-      const importedState = fromBuilderDocument(document);
-      setPendingImport({
-        fileName: file.name,
-        formName: importedState.formName,
-        nodeCount: Object.keys(importedState.nodes).length,
-        state: importedState,
-      });
-    } catch (error) {
-      const rawMessage =
-        error instanceof Error ? error.message : "Failed to import file.";
-      const message = `Invalid BuzzForm file: ${rawMessage}`;
+  const handleImportPastedJson = async () => {
+    const trimmedJson = pastedJson.trim();
+    if (!trimmedJson) {
+      const message = "Paste JSON content before importing.";
       setImportError(message);
       toast.error(message);
-    } finally {
-      const elapsed = Date.now() - startedAt;
-      if (elapsed < MIN_IMPORT_FEEDBACK_MS) {
-        await new Promise((resolve) =>
-          setTimeout(resolve, MIN_IMPORT_FEEDBACK_MS - elapsed),
-        );
+      return;
+    }
+
+    await processImportJson({
+      json: trimmedJson,
+      sourceName: "Pasted JSON",
+      closePasteModeOnSuccess: true,
+    });
+  };
+
+  const handlePasteFromClipboard = async () => {
+    if (typeof navigator === "undefined" || !navigator.clipboard?.readText) {
+      toast.error("Clipboard access is not available. Paste manually.");
+      return;
+    }
+
+    try {
+      const clipboardText = await navigator.clipboard.readText();
+      if (!clipboardText.trim()) {
+        toast.error("Clipboard is empty.");
+        return;
       }
-      setIsImporting(false);
+
+      setPastedJson(clipboardText);
+      setImportError(null);
+      toast.success("Pasted JSON from clipboard");
+    } catch {
+      toast.error("Clipboard access was denied. Paste JSON manually.");
+    }
+  };
+
+  const handlePasteDropZoneDragOver = (
+    event: React.DragEvent<HTMLDivElement>,
+  ) => {
+    event.preventDefault();
+  };
+
+  const handlePasteDropZoneDrop = async (
+    event: React.DragEvent<HTMLDivElement>,
+  ) => {
+    event.preventDefault();
+    if (isImporting) return;
+
+    const file = event.dataTransfer.files?.[0];
+    if (file) {
+      try {
+        const droppedContents = await file.text();
+        if (!droppedContents.trim()) {
+          toast.error("Dropped file is empty.");
+          return;
+        }
+        setPastedJson(droppedContents);
+        setImportError(null);
+        toast.success(`Loaded JSON from "${file.name}"`);
+      } catch {
+        toast.error("Failed to read dropped file.");
+      }
+      return;
+    }
+
+    const droppedText = event.dataTransfer.getData("text/plain");
+    if (!droppedText.trim()) {
+      toast.error("Dropped content is empty.");
+      return;
     }
+
+    setPastedJson(droppedText);
+    setImportError(null);
+    toast.success("Loaded dropped text");
   };
 
   React.useEffect(() => resetImportState, [resetImportState]);
@@ -194,8 +418,19 @@ export function FormManagerNewPanel({ onDone }: FormManagerNewPanelProps) {
             onConfirmImport={handleConfirmImport}
             onClearSelection={resetImportState}
           />
+        ) : isPasteMode ? (
+          <FormManagerPasteImportState
+            value={pastedJson}
+            isImporting={isImporting}
+            onChangeValue={setPastedJson}
+            onBack={handleClosePasteMode}
+            onPasteFromClipboard={handlePasteFromClipboard}
+            onImport={handleImportPastedJson}
+            onDragOver={handlePasteDropZoneDragOver}
+            onDrop={handlePasteDropZoneDrop}
+          />
         ) : (
-          <div className="grid w-full flex-1 gap-4 sm:grid-cols-2">
+          <div className="grid w-full flex-1 gap-4 sm:grid-cols-3">
             <Card
               className="group flex cursor-pointer flex-col justify-center transition-all duration-200 hover:ring-1 hover:ring-primary/50"
               onClick={handleNewForm}
@@ -239,10 +474,28 @@ export function FormManagerNewPanel({ onDone }: FormManagerNewPanelProps) {
                 <CardDescription>
                   {isImporting
                     ? "Checking JSON before import"
-                    : "Restore from .json"}
+                    : "Load .json from disk"}
                 </CardDescription>
               </CardHeader>
             </Card>
+
+            <Card
+              className="group flex cursor-pointer flex-col justify-center transition-all duration-200 hover:ring-1 hover:ring-primary/50"
+              onClick={handleOpenPasteMode}
+            >
+              <CardContent className="flex justify-center pb-2 pt-6">
+                <HugeiconsIcon
+                  icon={Copy01Icon}
+                  size={32}
+                  strokeWidth={1.5}
+                  className="text-muted-foreground transition-all duration-300 group-hover:-translate-y-1 group-hover:scale-110 group-hover:text-primary"
+                />
+              </CardContent>
+              <CardHeader className="justify-center text-center">
+                <CardTitle className="text-lg">Import JSON</CardTitle>
+                <CardDescription>Paste schema from clipboard</CardDescription>
+              </CardHeader>
+            </Card>
           </div>
         )}
       </div>
@@ -265,3 +518,23 @@ export function FormManagerNewPanel({ onDone }: FormManagerNewPanelProps) {
     </div>
   );
 }
+
+function toFormNameHint(sourceName: string): string | undefined {
+  const normalizedBase = sourceName
+    .replace(/\.[^/.]+$/, "")
+    .replace(/[_-]+/g, " ")
+    .replace(/\s+/g, " ")
+    .trim();
+
+  if (normalizedBase.length === 0) {
+    return undefined;
+  }
+
+  return normalizedBase
+    .split(" ")
+    .map((segment) => {
+      if (segment.length === 0) return segment;
+      return segment[0]!.toUpperCase() + segment.slice(1).toLowerCase();
+    })
+    .join(" ");
+}
diff --git a/apps/web/app/(builder)/components/layouts/row.tsx b/apps/web/app/(builder)/components/layouts/row.tsx
index 5692f8f..a895967 100644
--- a/apps/web/app/(builder)/components/layouts/row.tsx
+++ b/apps/web/app/(builder)/components/layouts/row.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import React from "react";
 import { useDroppable } from "@dnd-kit/core";
 import {
   SortableContext,
@@ -58,12 +59,10 @@ export function RowLayout({ id, childrenIds }: RowLayoutProps) {
             strategy={horizontalListSortingStrategy}
           >
             {childrenIds.map((childId, index) => (
-              <>
-                {indicatorIndex === index && (
-                  <DropLineVertical key={`indicator-${index}`} />
-                )}
+              <React.Fragment key={childId}>
+                {indicatorIndex === index && <DropLineVertical />}
                 <EditableNode key={childId} id={childId} />
-              </>
+              </React.Fragment>
             ))}
             {indicatorIndex === childrenIds.length && <DropLineVertical />}
           </SortableContext>
diff --git a/apps/web/app/(builder)/lib/import-json.ts b/apps/web/app/(builder)/lib/import-json.ts
new file mode 100644
index 0000000..c5a71f0
--- /dev/null
+++ b/apps/web/app/(builder)/lib/import-json.ts
@@ -0,0 +1,196 @@
+import { nanoid } from "nanoid";
+import { z } from "zod";
+import { getTabSlotKeys } from "./node-children";
+import {
+  fromBuilderDocument,
+  parseBuilderDocumentJson,
+  SerializableFieldSchema,
+  type BuilderDocumentState,
+  type SerializableField,
+} from "./persistence";
+import type { Node } from "./types";
+
+const BuzzFormSchemaArraySchema = z.array(SerializableFieldSchema);
+
+const BuzzFormSchemaObjectSchema = z
+  .object({
+    fields: BuzzFormSchemaArraySchema,
+    formName: z.string().optional(),
+  })
+  .passthrough();
+
+export type ImportPayloadFormat = "builder-backup" | "buzzform-schema";
+
+export type ParsedImportPayload = {
+  format: ImportPayloadFormat;
+  state: BuilderDocumentState;
+};
+
+export type ParseImportedFormJsonOptions = {
+  formNameHint?: string;
+};
+
+export function parseImportedFormJson(
+  json: string,
+  options: ParseImportedFormJsonOptions = {},
+): ParsedImportPayload {
+  try {
+    const builderDocument = parseBuilderDocumentJson(json);
+    return {
+      format: "builder-backup",
+      state: fromBuilderDocument(builderDocument),
+    };
+  } catch {
+    // Fall through and attempt BuzzForm schema import.
+  }
+
+  let parsed: unknown;
+  try {
+    parsed = JSON.parse(json);
+  } catch {
+    throw new Error("Invalid JSON document.");
+  }
+
+  const schemaArrayResult = BuzzFormSchemaArraySchema.safeParse(parsed);
+  if (schemaArrayResult.success) {
+    return {
+      format: "buzzform-schema",
+      state: fieldsToBuilderState(
+        schemaArrayResult.data,
+        normalizeFormName(options.formNameHint),
+      ),
+    };
+  }
+
+  const schemaObjectResult = BuzzFormSchemaObjectSchema.safeParse(parsed);
+  if (schemaObjectResult.success) {
+    return {
+      format: "buzzform-schema",
+      state: fieldsToBuilderState(
+        schemaObjectResult.data.fields,
+        normalizeFormName(schemaObjectResult.data.formName) ??
+          normalizeFormName(options.formNameHint),
+      ),
+    };
+  }
+
+  throw new Error(
+    "Unsupported JSON format. Provide a BuzzForm Builder backup or BuzzForm schema.",
+  );
+}
+
+function fieldsToBuilderState(
+  fields: SerializableField[],
+  formNameHint?: string,
+): BuilderDocumentState {
+  const nodes: Record<string, Node> = {};
+
+  const rootIds = fields.map((field) =>
+    appendFieldNode(nodes, field, null, null),
+  );
+
+  return {
+    nodes,
+    rootIds,
+    formId: nanoid(),
+    formName: formNameHint ?? "Imported Form",
+  };
+}
+
+function appendFieldNode(
+  nodes: Record<string, Node>,
+  field: SerializableField,
+  parentId: string | null,
+  parentSlot: string | null,
+): string {
+  const nodeId = nanoid();
+  const node: Node = {
+    id: nodeId,
+    field: toNodeField(field) as Node["field"],
+    parentId,
+    parentSlot,
+    children: [],
+  };
+
+  nodes[nodeId] = node;
+
+  if (field.type === "tabs") {
+    const slots = getTabSlotKeys(field.tabs);
+    const tabChildren: Record<string, string[]> = {};
+
+    field.tabs.forEach((tab, index) => {
+      const slot = slots[index] ?? `__tab_${index}`;
+      tabChildren[slot] = tab.fields.map((childField) =>
+        appendFieldNode(nodes, childField, nodeId, slot),
+      );
+    });
+
+    if (Object.keys(tabChildren).length > 0) {
+      node.tabChildren = tabChildren;
+    }
+
+    return nodeId;
+  }
+
+  if (hasNestedFields(field)) {
+    node.children = field.fields.map((childField) =>
+      appendFieldNode(nodes, childField, nodeId, null),
+    );
+  }
+
+  return nodeId;
+}
+
+function toNodeField(field: SerializableField): SerializableField {
+  if (field.type === "tabs") {
+    return {
+      ...deepClone(field),
+      tabs: field.tabs.map((tab) => ({
+        ...deepClone(tab),
+        fields: [],
+      })),
+    };
+  }
+
+  if (hasNestedFields(field)) {
+    return {
+      ...deepClone(field),
+      fields: [],
+    };
+  }
+
+  return deepClone(field);
+}
+
+type NestedFieldsContainer = Extract<
+  SerializableField,
+  { type: "group" | "array" | "row" | "collapsible" }
+>;
+
+function hasNestedFields(field: SerializableField): field is NestedFieldsContainer {
+  return (
+    "fields" in field &&
+    Array.isArray((field as { fields?: unknown }).fields)
+  );
+}
+
+function deepClone<T>(value: T): T {
+  if (typeof globalThis.structuredClone === "function") {
+    try {
+      return globalThis.structuredClone(value);
+    } catch {
+      // Fall through to JSON clone.
+    }
+  }
+
+  return JSON.parse(JSON.stringify(value)) as T;
+}
+
+function normalizeFormName(value: unknown): string | undefined {
+  if (typeof value !== "string") {
+    return undefined;
+  }
+
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : undefined;
+}
diff --git a/apps/web/app/(builder)/lib/store.ts b/apps/web/app/(builder)/lib/store.ts
index fd0943c..ceb62ea 100644
--- a/apps/web/app/(builder)/lib/store.ts
+++ b/apps/web/app/(builder)/lib/store.ts
@@ -730,8 +730,6 @@ useBuilderStore.subscribe((state, prevState) => {
     return;
   }
 
-  state.setSaveStatus("saving");
-
   const snapshot: PersistableDocumentState = {
     nodes: state.nodes,
     rootIds: state.rootIds,
@@ -739,6 +737,19 @@ useBuilderStore.subscribe((state, prevState) => {
     formName: state.formName,
   };
 
+  if (shouldSkipAutosave(snapshot, prevState)) {
+    if (saveTimeout) {
+      clearTimeout(saveTimeout);
+      saveTimeout = null;
+    }
+
+    saveRevision += 1;
+    state.setSaveStatus("idle");
+    return;
+  }
+
+  state.setSaveStatus("saving");
+
   saveRevision += 1;
   const currentRevision = saveRevision;
 
@@ -752,6 +763,26 @@ useBuilderStore.subscribe((state, prevState) => {
   }, SAVE_DEBOUNCE_MS);
 });
 
+function shouldSkipAutosave(
+  snapshot: PersistableDocumentState,
+  prevState: Store,
+): boolean {
+  const currentEmpty = isDocumentEmpty(snapshot.nodes, snapshot.rootIds);
+  if (!currentEmpty) {
+    return false;
+  }
+
+  const previousEmpty = isDocumentEmpty(prevState.nodes, prevState.rootIds);
+  const isNewFormSession = snapshot.formId !== prevState.formId;
+
+  // Skip saving untouched blank forms and blank renamed drafts.
+  return previousEmpty || isNewFormSession;
+}
+
+function isDocumentEmpty(nodes: Record<string, Node>, rootIds: string[]): boolean {
+  return rootIds.length === 0 && Object.keys(nodes).length === 0;
+}
+
 async function persistBuilderDocument(
   snapshot: PersistableDocumentState,
   revision: number,