diff --git a/packages/code-connect/components/Alert/InlineAlert.figma.tsx b/packages/code-connect/components/Alert/InlineAlert.figma.tsx
new file mode 100644
index 00000000000..fd457cef4f0
--- /dev/null
+++ b/packages/code-connect/components/Alert/InlineAlert.figma.tsx
@@ -0,0 +1,47 @@
+import figma from '@figma/code-connect';
+import { Alert } from '@patternfly/react-core';
+
+/**
+ * PatternFly Alert component integration for Figma Code Connect
+ */
+
+figma.connect(
+  Alert,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2698&m=dev',
+  {
+    props: {
+      // booleans
+      description: figma.boolean('Description', {
+        true: figma.string('✏️ Description'),
+        false: undefined
+      }),
+      hasActions: figma.boolean('Actions'),
+      isDismissable: figma.boolean('Dismissable'),
+      isExpandable: figma.boolean('Expandable'),
+
+      // strings
+      title: figma.string('✏️ Title'),
+
+      // enums
+      variant: figma.enum('Type', {
+        Info: 'info',
+        Success: 'success',
+        Warning: 'warning',
+        Danger: 'danger',
+        Custom: 'custom'
+      })
+    },
+    example: (props) => (
+      <Alert
+        actionClose={props.isDismissable}
+        actionLinks={props.hasActions}
+        isExpandable={props.isExpandable}
+        isInline
+        title={props.title}
+        variant={props.variant}
+      >
+        {props.description}
+      </Alert>
+    )
+  }
+);
diff --git a/packages/code-connect/components/Alert/InlineAlertGroup.figma.tsx b/packages/code-connect/components/Alert/InlineAlertGroup.figma.tsx
new file mode 100644
index 00000000000..fcd11788056
--- /dev/null
+++ b/packages/code-connect/components/Alert/InlineAlertGroup.figma.tsx
@@ -0,0 +1,18 @@
+import figma from '@figma/code-connect';
+import { AlertGroup } from '@patternfly/react-core';
+
+/**
+ * PatternFly Alert component integration for Figma Code Connect
+ */
+
+figma.connect(
+  AlertGroup,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2780&m=dev',
+  {
+    props: {
+      // children
+      children: figma.children('*')
+    },
+    example: (props) => <AlertGroup>{props.children}</AlertGroup>
+  }
+);
diff --git a/packages/code-connect/components/Alert/InlinePlainAlert.figma.tsx b/packages/code-connect/components/Alert/InlinePlainAlert.figma.tsx
new file mode 100644
index 00000000000..c4746fb8384
--- /dev/null
+++ b/packages/code-connect/components/Alert/InlinePlainAlert.figma.tsx
@@ -0,0 +1,32 @@
+import figma from '@figma/code-connect';
+import { Alert } from '@patternfly/react-core';
+
+/**
+ * PatternFly Alert component integration for Figma Code Connect
+ */
+
+figma.connect(
+  Alert,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2754&m=dev',
+  {
+    props: {
+      // strings
+      title: figma.string('✏️ Title'),
+
+      // variants
+      variant: figma.enum('Type', {
+        Info: 'info',
+        Success: 'success',
+        Warning: 'warning',
+        Danger: 'danger',
+        Custom: 'custom'
+      }),
+
+      // children
+      children: figma.children('*')
+    },
+    example: (props) => (
+      <Alert variant={props.variant} title={props.title} variantLabel={props.variant} isInline isPlain />
+    )
+  }
+);
diff --git a/packages/code-connect/components/Alert/OverflowFooter.figma.tsx b/packages/code-connect/components/Alert/OverflowFooter.figma.tsx
new file mode 100644
index 00000000000..440fc90a4ab
--- /dev/null
+++ b/packages/code-connect/components/Alert/OverflowFooter.figma.tsx
@@ -0,0 +1,20 @@
+import figma from '@figma/code-connect';
+import { AlertGroup } from '@patternfly/react-core';
+
+/**
+ * PatternFly Alert component integration for Figma Code Connect
+ */
+
+figma.connect(
+  AlertGroup,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2784&m=dev',
+  {
+    props: {
+      // strings
+      overflowMessage: figma.string('✏️ Title'),
+
+      children: figma.children('*')
+    },
+    example: (props) => <AlertGroup overflowMessage={props.overflowMessage}>{props.children}</AlertGroup>
+  }
+);
diff --git a/packages/code-connect/components/Alert/ToastAlert.figma.tsx b/packages/code-connect/components/Alert/ToastAlert.figma.tsx
new file mode 100644
index 00000000000..797d18b6351
--- /dev/null
+++ b/packages/code-connect/components/Alert/ToastAlert.figma.tsx
@@ -0,0 +1,44 @@
+import figma from '@figma/code-connect';
+import { Alert } from '@patternfly/react-core';
+
+/**
+ * PatternFly Alert component integration for Figma Code Connect
+ */
+
+figma.connect(
+  Alert,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2587&m=dev',
+  {
+    props: {
+      // booleans
+      actionLinks: figma.boolean('Actions'),
+      alertDescription: figma.boolean('Description', {
+        true: figma.string('✏️ Description'),
+        false: undefined
+      }),
+      isExpandable: figma.boolean('Expandable'),
+
+      // strings
+      title: figma.string('✏️ Title'),
+
+      // variants
+      variant: figma.enum('Type', {
+        Custom: 'custom',
+        Danger: 'danger',
+        Info: 'info',
+        Success: 'success',
+        Warning: 'warning'
+      })
+    },
+    example: (props) => (
+      <Alert
+        title={props.title}
+        variant={props.variant}
+        actionLinks={props.actionLinks}
+        isExpandable={props.isExpandable}
+      >
+        {props.alertDescription}
+      </Alert>
+    )
+  }
+);
diff --git a/packages/code-connect/components/Alert/ToastAlertGroup.figma.tsx b/packages/code-connect/components/Alert/ToastAlertGroup.figma.tsx
new file mode 100644
index 00000000000..aebf6cf962c
--- /dev/null
+++ b/packages/code-connect/components/Alert/ToastAlertGroup.figma.tsx
@@ -0,0 +1,17 @@
+import figma from '@figma/code-connect';
+import { AlertGroup } from '@patternfly/react-core';
+
+/**
+ * PatternFly AlertGroup component integration for Figma Code Connect
+ */
+
+figma.connect(
+  AlertGroup,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1110-2821&m=dev',
+  {
+    props: {
+      children: figma.children('*')
+    },
+    example: (props) => <AlertGroup>{props.children}</AlertGroup>
+  }
+);
diff --git a/packages/code-connect/components/Avatar/Avatar.figma.tsx b/packages/code-connect/components/Avatar/Avatar.figma.tsx
new file mode 100644
index 00000000000..707ab1ae33a
--- /dev/null
+++ b/packages/code-connect/components/Avatar/Avatar.figma.tsx
@@ -0,0 +1,28 @@
+import figma from '@figma/code-connect';
+import { Avatar } from '@patternfly/react-core';
+
+/**
+ * PatternFly Avatar component integration for Figma Code Connect
+ */
+
+figma.connect(
+  Avatar,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=1561-4342&m=dev',
+  {
+    props: {
+      // booleans
+      isBordered: figma.boolean('Bordered'),
+
+      // enums
+      size: figma.enum('Size', {
+        small: 'sm',
+        med: 'md',
+        lg: 'lg',
+        XL: 'xl'
+      })
+    },
+    example: (props) => (
+      <Avatar alt="Avatar" src="/assets/images/avatar.svg" isBordered={props.isBordered} size={props.size} />
+    )
+  }
+);
diff --git a/packages/code-connect/components/BackToTop/BackToTop.figma.tsx b/packages/code-connect/components/BackToTop/BackToTop.figma.tsx
new file mode 100644
index 00000000000..d023ca14e55
--- /dev/null
+++ b/packages/code-connect/components/BackToTop/BackToTop.figma.tsx
@@ -0,0 +1,14 @@
+import { BackToTop } from '@patternfly/react-core';
+import figma from '@figma/code-connect';
+
+figma.connect(
+  BackToTop,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1521-958&m=dev',
+  {
+    props: {
+      // strings
+      text: figma.string('Text')
+    },
+    example: (props) => <BackToTop title={props.text} />
+  }
+);
diff --git a/packages/code-connect/components/Backdrop/Backdrop.figma.tsx b/packages/code-connect/components/Backdrop/Backdrop.figma.tsx
new file mode 100644
index 00000000000..9ed5ffe4215
--- /dev/null
+++ b/packages/code-connect/components/Backdrop/Backdrop.figma.tsx
@@ -0,0 +1,14 @@
+import figma from '@figma/code-connect';
+import { Backdrop } from '@patternfly/react-core';
+
+/**
+ * PatternFly Backdrop component integration for Figma Code Connect
+ */
+
+figma.connect(
+  Backdrop,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=2873-2900&m=dev',
+  {
+    example: () => <Backdrop />
+  }
+);
diff --git a/packages/code-connect/components/Badge/Badge.figma.tsx b/packages/code-connect/components/Badge/Badge.figma.tsx
new file mode 100644
index 00000000000..a377928e33a
--- /dev/null
+++ b/packages/code-connect/components/Badge/Badge.figma.tsx
@@ -0,0 +1,26 @@
+import figma from '@figma/code-connect';
+import { Badge } from '@patternfly/react-core';
+
+/**
+ * PatternFly Badge component integration for Figma Code Connect
+ */
+
+figma.connect(
+  Badge,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1259-1132&m=dev',
+  {
+    props: {
+      // strings
+      title: figma.string('Text'),
+
+      // enums
+      isRead: figma.enum('Type', {
+        Read: true
+      }),
+      isDisabled: figma.enum('Type', {
+        disabled: true
+      })
+    },
+    example: (props) => <Badge title={props.title} isRead={props.isRead} isDisabled={props.isDisabled} />
+  }
+);
diff --git a/packages/code-connect/figma.config.json b/packages/code-connect/figma.config.json
new file mode 100644
index 00000000000..193c12a6781
--- /dev/null
+++ b/packages/code-connect/figma.config.json
@@ -0,0 +1,33 @@
+{
+  "codeConnect": {
+    "parser": "react",
+    "include": [
+      "components/Alert/*.tsx",
+      "components/Avatar/*.tsx",
+      "components/Backdrop/*.tsx",
+      "components/BackToTop/*.tsx",
+      "components/Badge/*.tsx"
+    ],
+    "paths": {
+      "src/components": "src/components"
+    },
+    "aliases": {
+      "@patternfly/react-core": "."
+    },
+    "importPaths": {
+      "src/components": "src/components"
+    },
+    "options": {
+      "instanceSwapper": {
+        "enabled": true
+      },
+      "development": {
+        "enabled": true,
+        "verbose": true
+      },
+      "production": {
+        "enabled": false
+      }
+    }
+  }
+}
\ No newline at end of file