diff --git a/CHANGELOG.md b/CHANGELOG.md
index f1bb06d08b..1504bceac0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -36,6 +36,8 @@ The types of changes are:
 - Access and erasure support for Unbounce [#2697](https://github.com/ethyca/fides/pull/2697)
 - Support pseudonymous consent requests with `fides_user_device_id` [#3158](https://github.com/ethyca/fides/pull/3158)
 - Update `fides_consent` cookie format [#3158](https://github.com/ethyca/fides/pull/3158)
+- Add custom fields to the data use declaration form [#3197](https://github.com/ethyca/fides/pull/3197)
+
 
 ### Changed
 
diff --git a/clients/admin-ui/cypress/e2e/systems.cy.ts b/clients/admin-ui/cypress/e2e/systems.cy.ts
index abd7a039b6..c7423ceaf0 100644
--- a/clients/admin-ui/cypress/e2e/systems.cy.ts
+++ b/clients/admin-ui/cypress/e2e/systems.cy.ts
@@ -1,4 +1,8 @@
-import { stubSystemCrud, stubTaxonomyEntities } from "cypress/support/stubs";
+import {
+  stubPlus,
+  stubSystemCrud,
+  stubTaxonomyEntities,
+} from "cypress/support/stubs";
 
 import {
   ADD_SYSTEMS_MANUAL_ROUTE,
@@ -12,6 +16,7 @@ describe("System management page", () => {
     cy.intercept("GET", "/api/v1/system", {
       fixture: "systems/systems.json",
     }).as("getSystems");
+    stubPlus(false);
   });
 
   it("Can navigate to the system management page", () => {
@@ -171,9 +176,6 @@ describe("System management page", () => {
               dataset_references: ["demo_users_dataset_2"],
             });
           });
-          cy.getByTestId("new-declaration-form").within(() => {
-            cy.getByTestId("header").contains("System");
-          });
         });
       });
 
@@ -332,16 +334,18 @@ describe("System management page", () => {
       });
 
       // edit the existing declaration
-      const newDataUse = "collect";
       cy.getByTestId("accordion-header-improve.system").click();
       cy.getByTestId("improve.system-form").within(() => {
-        cy.getByTestId("input-data_use").type(`${newDataUse}{enter}`);
+        cy.getByTestId("input-data_subjects").type(`anonymous{enter}`);
         cy.getByTestId("save-btn").click();
       });
       cy.wait("@putSystem").then((interception) => {
         const { body } = interception.request;
         expect(body.privacy_declarations.length).to.eql(1);
-        expect(body.privacy_declarations[0].data_use).to.eql(newDataUse);
+        expect(body.privacy_declarations[0].data_subjects).to.eql([
+          "customer",
+          "anonymous_user",
+        ]);
       });
       cy.getByTestId("saved-indicator");
     });
@@ -470,7 +474,8 @@ describe("System management page", () => {
       cy.getByTestId("toast-success-msg");
     });
 
-    it("warns when a data use is being edited to one that is already used", () => {
+    // Cannot currently edit the data use or name fields—they have been disabled
+    it.skip("warns when a data use is being edited to one that is already used", () => {
       cy.fixture("systems/systems_with_data_uses.json").then((systems) => {
         cy.intercept("GET", "/api/v1/system/*", {
           body: systems[0],
@@ -589,12 +594,12 @@ describe("System management page", () => {
     });
 
     it("Can open both accordion items", () => {
-      cy.getByTestId("data-flow-accordion").within(()=>{
+      cy.getByTestId("data-flow-accordion").within(() => {
         cy.getByTestId("data-flow-button-Source").click();
         cy.getByTestId("data-flow-panel-Source").should("exist");
         cy.getByTestId("data-flow-button-Destination").click();
         cy.getByTestId("data-flow-panel-Destination").should("exist");
-      })
+      });
     });
   });
 });
diff --git a/clients/admin-ui/src/features/common/custom-fields/hooks.ts b/clients/admin-ui/src/features/common/custom-fields/hooks.ts
index 2a5495ad0b..5313f5b189 100644
--- a/clients/admin-ui/src/features/common/custom-fields/hooks.ts
+++ b/clients/admin-ui/src/features/common/custom-fields/hooks.ts
@@ -136,7 +136,11 @@ export const useCustomFields = ({
 
       // When creating an resource, the fides key may have initially been blank. But by the time the
       // form is submitted it must not be blank (not undefined, not an empty string).
-      const fidesKey = formValues.fides_key || resourceFidesKey;
+      const fidesKey =
+        "fides_key" in formValues && formValues.fides_key !== ""
+          ? formValues.fides_key
+          : resourceFidesKey;
+
       if (!fidesKey) {
         return;
       }
diff --git a/clients/admin-ui/src/features/custom-fields/CustomFieldForm.tsx b/clients/admin-ui/src/features/custom-fields/CustomFieldForm.tsx
index 9efabb7ab1..614f8dab2a 100644
--- a/clients/admin-ui/src/features/custom-fields/CustomFieldForm.tsx
+++ b/clients/admin-ui/src/features/custom-fields/CustomFieldForm.tsx
@@ -26,6 +26,7 @@ type Props = FormikProps<FormValues> & {
   isLoading: boolean;
   onClose: () => void;
   handleDropdownChange: (value: FieldTypes) => void;
+  isEditing: boolean;
 };
 
 export const CustomFieldForm = ({
@@ -38,6 +39,7 @@ export const CustomFieldForm = ({
   isLoading,
   onClose,
   handleDropdownChange,
+  isEditing,
 }: Props) => {
   const { validateForm } = useFormikContext<FormValues>();
   useEffect(() => {
@@ -71,6 +73,7 @@ export const CustomFieldForm = ({
             name="resource_type"
             options={RESOURCE_TYPE_OPTIONS}
             labelProps={CustomFieldLabelStyles}
+            isDisabled={isEditing}
           />
         </FormSection>
       </Box>
diff --git a/clients/admin-ui/src/features/custom-fields/CustomFieldModal.tsx b/clients/admin-ui/src/features/custom-fields/CustomFieldModal.tsx
index 31b67f4ef8..748c1dcddc 100644
--- a/clients/admin-ui/src/features/custom-fields/CustomFieldModal.tsx
+++ b/clients/admin-ui/src/features/custom-fields/CustomFieldModal.tsx
@@ -146,6 +146,7 @@ export const CustomFieldModal = ({
   }
 
   const transformedCustomField = transformCustomField(customField, allowList);
+  const isEditing = !!transformedCustomField;
   const initialValues = transformedCustomField || initialValuesTemplate;
 
   const handleDropdownChange = (value: FieldTypes) => {
@@ -276,6 +277,7 @@ export const CustomFieldModal = ({
           >
             {(props) => (
               <CustomFieldForm
+                isEditing={isEditing}
                 validationSchema={validationSchema}
                 isLoading={isLoading}
                 onClose={onClose}
diff --git a/clients/admin-ui/src/features/datamap/privacy-declarations/PrivacyDeclarationAccordion.tsx b/clients/admin-ui/src/features/datamap/privacy-declarations/PrivacyDeclarationAccordion.tsx
index 7293d24698..72c263dec4 100644
--- a/clients/admin-ui/src/features/datamap/privacy-declarations/PrivacyDeclarationAccordion.tsx
+++ b/clients/admin-ui/src/features/datamap/privacy-declarations/PrivacyDeclarationAccordion.tsx
@@ -77,6 +77,7 @@ const PrivacyDeclarationAccordionItem = ({
               <AccordionPanel backgroundColor="gray.50" pt={0}>
                 <Stack spacing={4}>
                   <PrivacyDeclarationFormComponents
+                    isEditing
                     onDelete={onDelete}
                     {...dataProps}
                   />
diff --git a/clients/admin-ui/src/features/datamap/privacy-declarations/PrivacyDeclarationForm.tsx b/clients/admin-ui/src/features/datamap/privacy-declarations/PrivacyDeclarationForm.tsx
index 5e3b632e91..4d8bd1dad4 100644
--- a/clients/admin-ui/src/features/datamap/privacy-declarations/PrivacyDeclarationForm.tsx
+++ b/clients/admin-ui/src/features/datamap/privacy-declarations/PrivacyDeclarationForm.tsx
@@ -79,6 +79,7 @@ export interface DataProps {
   allDataCategories: DataCategory[];
   allDataUses: DataUse[];
   allDataSubjects: DataSubject[];
+  isEditing?: boolean;
 }
 
 export const PrivacyDeclarationFormComponents = ({
@@ -86,6 +87,7 @@ export const PrivacyDeclarationFormComponents = ({
   allDataCategories,
   allDataSubjects,
   onDelete,
+  isEditing,
 }: DataProps & Pick<Props, "onDelete">) => {
   const { dirty, isSubmitting, isValid, initialValues } =
     useFormikContext<PrivacyDeclarationFormValues>();
@@ -110,12 +112,14 @@ export const PrivacyDeclarationFormComponents = ({
         tooltip="What is the system using the data for. For example, is it for third party advertising or perhaps simply providing system operations."
         variant="stacked"
         singleValueBlock
+        isDisabled={isEditing}
       />
       <CustomTextInput
         id="name"
         label="Processing Activity"
         name="name"
         variant="stacked"
+        disabled={isEditing}
         tooltip="The personal data processing activity or activities associated with this data use."
       />
       <CustomSelect
diff --git a/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationAccordion.tsx b/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationAccordion.tsx
index 079667ea45..626125a426 100644
--- a/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationAccordion.tsx
+++ b/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationAccordion.tsx
@@ -21,8 +21,10 @@ interface AccordionProps extends DataProps {
   onEdit: (
     oldDeclaration: PrivacyDeclarationWithId,
     newDeclaration: PrivacyDeclarationWithId
-  ) => Promise<boolean>;
-  onDelete: (declaration: PrivacyDeclarationWithId) => Promise<boolean>;
+  ) => Promise<PrivacyDeclarationWithId[] | undefined>;
+  onDelete: (
+    declaration: PrivacyDeclarationWithId
+  ) => Promise<PrivacyDeclarationWithId[] | undefined>;
 }
 
 const PrivacyDeclarationAccordionItem = ({
@@ -34,13 +36,14 @@ const PrivacyDeclarationAccordionItem = ({
   AccordionProps,
   "privacyDeclarations"
 >) => {
-  const handleEdit = (newValues: PrivacyDeclarationWithId) =>
-    onEdit(privacyDeclaration, newValues);
+  const handleEdit = (values: PrivacyDeclarationWithId) =>
+    onEdit(privacyDeclaration, values);
 
   const { initialValues, renderHeader, handleSubmit } =
     usePrivacyDeclarationForm({
       initialValues: privacyDeclaration,
       onSubmit: handleEdit,
+      privacyDeclarationId: privacyDeclaration.id,
       ...dataProps,
     });
 
@@ -71,6 +74,7 @@ const PrivacyDeclarationAccordionItem = ({
               <AccordionPanel backgroundColor="gray.50" pt={0}>
                 <Stack spacing={4}>
                   <PrivacyDeclarationFormComponents
+                    privacyDeclarationId={privacyDeclaration.id}
                     onDelete={onDelete}
                     {...dataProps}
                   />
diff --git a/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationForm.tsx b/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationForm.tsx
index ade499eb3e..c48781c3d9 100644
--- a/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationForm.tsx
+++ b/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationForm.tsx
@@ -13,6 +13,11 @@ import {
   Text,
   useDisclosure,
 } from "@fidesui/react";
+import {
+  CustomFieldsList,
+  CustomFieldValues,
+  useCustomFields,
+} from "common/custom-fields";
 import { Form, Formik, FormikHelpers, useFormikContext } from "formik";
 import { useMemo, useState } from "react";
 import * as Yup from "yup";
@@ -25,6 +30,7 @@ import {
   DataSubject,
   DataUse,
   PrivacyDeclaration,
+  ResourceTypes,
 } from "~/types/api";
 
 import { PrivacyDeclarationWithId } from "./types";
@@ -39,23 +45,35 @@ export const ValidationSchema = Yup.object().shape({
     .label("Data subjects"),
 });
 
-const defaultInitialValues: PrivacyDeclaration = {
+export type FormValues = PrivacyDeclarationWithId & {
+  customFieldValues: CustomFieldValues;
+};
+
+const defaultInitialValues: FormValues = {
   data_categories: [],
   data_subjects: [],
   data_use: "",
   dataset_references: [],
+  customFieldValues: {},
+  id: "",
 };
 
-type FormValues = typeof defaultInitialValues;
-
 const transformPrivacyDeclarationToHaveId = (
   privacyDeclaration: PrivacyDeclaration
-) => ({
-  ...privacyDeclaration,
-  id: privacyDeclaration.name
-    ? `${privacyDeclaration.data_use} - ${privacyDeclaration.name}`
-    : privacyDeclaration.data_use,
-});
+) => {
+  // TODO: there's a typing problem here: the backend types still show PrivacyDeclaration
+  // instead of PrivacyDeclarationResponse (which has an id)
+  // @ts-ignore
+  const { id, name, data_use: dataUse } = privacyDeclaration;
+  let declarationId: string | undefined = id;
+  if (!declarationId) {
+    declarationId = name ? `${dataUse} - ${name}` : dataUse;
+  }
+  return {
+    ...privacyDeclaration,
+    id: declarationId,
+  };
+};
 
 export const transformPrivacyDeclarationsToHaveId = (
   privacyDeclarations: PrivacyDeclaration[]
@@ -75,7 +93,8 @@ export const PrivacyDeclarationFormComponents = ({
   allDataSubjects,
   allDatasets,
   onDelete,
-}: DataProps & Pick<Props, "onDelete">) => {
+  privacyDeclarationId,
+}: DataProps & Pick<Props, "onDelete"> & { privacyDeclarationId?: string }) => {
   const { dirty, isSubmitting, isValid, initialValues } =
     useFormikContext<FormValues>();
   const deleteModal = useDisclosure();
@@ -107,6 +126,7 @@ export const PrivacyDeclarationFormComponents = ({
         tooltip="What is the system using the data for. For example, is it for third party advertising or perhaps simply providing system operations."
         variant="stacked"
         singleValueBlock
+        isDisabled={!!privacyDeclarationId}
       />
       <CustomTextInput
         id="name"
@@ -114,6 +134,7 @@ export const PrivacyDeclarationFormComponents = ({
         name="name"
         variant="stacked"
         tooltip="The personal data processing activity or activities associated with this data use."
+        disabled={!!privacyDeclarationId}
       />
       <CustomSelect
         name="data_categories"
@@ -147,6 +168,10 @@ export const PrivacyDeclarationFormComponents = ({
           variant="stacked"
         />
       ) : null}
+      <CustomFieldsList
+        resourceType={ResourceTypes.PRIVACY_DECLARATION}
+        resourceFidesKey={privacyDeclarationId}
+      />
       <ButtonGroup size="sm" display="flex" justifyContent="space-between">
         <Button
           variant="outline"
@@ -178,6 +203,17 @@ export const PrivacyDeclarationFormComponents = ({
   );
 };
 
+export const transformPrivacyDeclarationToFormValues = (
+  privacyDeclaration?: PrivacyDeclarationWithId,
+  customFieldValues?: CustomFieldValues
+): FormValues =>
+  privacyDeclaration
+    ? {
+        ...privacyDeclaration,
+        customFieldValues: customFieldValues || {},
+      }
+    : defaultInitialValues;
+
 /**
  * Hook to supply all data needed for the privacy declaration form
  * Purposefully excludes redux queries so that this can be used across apps
@@ -186,8 +222,22 @@ export const usePrivacyDeclarationForm = ({
   onSubmit,
   initialValues: passedInInitialValues,
   allDataUses,
+  privacyDeclarationId,
 }: Omit<Props, "onDelete"> & Pick<DataProps, "allDataUses">) => {
-  const initialValues = passedInInitialValues ?? defaultInitialValues;
+  const { customFieldValues, upsertCustomFields } = useCustomFields({
+    resourceType: ResourceTypes.PRIVACY_DECLARATION,
+    resourceFidesKey: privacyDeclarationId,
+  });
+
+  const initialValues = useMemo(
+    () =>
+      transformPrivacyDeclarationToFormValues(
+        passedInInitialValues,
+        customFieldValues
+      ),
+    [passedInInitialValues, customFieldValues]
+  );
+
   const [showSaved, setShowSaved] = useState(false);
 
   const title = useMemo(() => {
@@ -206,11 +256,23 @@ export const usePrivacyDeclarationForm = ({
     values: FormValues,
     formikHelpers: FormikHelpers<FormValues>
   ) => {
-    const success = await onSubmit(
-      transformPrivacyDeclarationToHaveId(values),
-      formikHelpers
-    );
+    const { customFieldValues: formCustomFieldValues, ...declaration } = values;
+    const success = await onSubmit(declaration, formikHelpers);
     if (success) {
+      // find the matching resource based on data use and name
+      const customFieldResource = success.filter(
+        (pd) =>
+          pd.data_use === values.data_use &&
+          // name can be undefined, so avoid comparing undefined == ""
+          // (which we want to be true) - they both mean the PD has no name
+          (pd.name ? pd.name === values.name : true)
+      );
+      if (customFieldResource.length > 0) {
+        await upsertCustomFields({
+          customFieldValues: formCustomFieldValues,
+          fides_key: customFieldResource[0].id,
+        });
+      }
       // Reset state such that isDirty will be checked again before next save
       formikHelpers.resetForm({ values });
       setShowSaved(true);
@@ -247,10 +309,13 @@ export const usePrivacyDeclarationForm = ({
 interface Props {
   onSubmit: (
     values: PrivacyDeclarationWithId,
-    formikHelpers: FormikHelpers<PrivacyDeclaration>
-  ) => Promise<boolean>;
-  onDelete: (declaration: PrivacyDeclarationWithId) => Promise<boolean>;
+    formikHelpers: FormikHelpers<FormValues>
+  ) => Promise<PrivacyDeclarationWithId[] | undefined>;
+  onDelete: (
+    declaration: PrivacyDeclarationWithId
+  ) => Promise<PrivacyDeclarationWithId[] | undefined>;
   initialValues?: PrivacyDeclarationWithId;
+  privacyDeclarationId?: string;
 }
 
 export const PrivacyDeclarationForm = ({
@@ -264,6 +329,7 @@ export const PrivacyDeclarationForm = ({
       onSubmit,
       initialValues: passedInInitialValues,
       allDataUses: dataProps.allDataUses,
+      privacyDeclarationId: passedInInitialValues?.id,
     });
 
   return (
diff --git a/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationManager.tsx b/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationManager.tsx
index 6cf86aabb3..b37e079505 100644
--- a/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationManager.tsx
+++ b/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationManager.tsx
@@ -29,7 +29,7 @@ interface Props {
   onSave: (
     privacyDeclarations: PrivacyDeclaration[],
     isDelete?: boolean
-  ) => Promise<boolean>;
+  ) => Promise<PrivacyDeclarationWithId[] | undefined>;
 }
 
 const PrivacyDeclarationManager = ({
@@ -52,6 +52,7 @@ const PrivacyDeclarationManager = ({
     if (!newDeclaration) {
       return declarations;
     }
+
     return declarations.filter((pd) => pd.id !== newDeclaration.id);
   }, [newDeclaration, system]);
 
@@ -74,8 +75,8 @@ const PrivacyDeclarationManager = ({
     const transformedDeclarations = updatedDeclarations.map((d) =>
       transformDeclarationForSubmission(d)
     );
-    const success = await onSave(transformedDeclarations, isDelete);
-    return success;
+    const res = await onSave(transformedDeclarations, isDelete);
+    return res;
   };
 
   const handleEditDeclaration = async (
@@ -87,7 +88,7 @@ const PrivacyDeclarationManager = ({
       updatedDeclaration.id !== oldDeclaration.id &&
       checkAlreadyExists(updatedDeclaration)
     ) {
-      return false;
+      return undefined;
     }
     // Because the data use can change, we also need a reference to the old declaration in order to
     // make sure we are replacing the proper one
@@ -99,13 +100,21 @@ const PrivacyDeclarationManager = ({
 
   const saveNewDeclaration = async (values: PrivacyDeclarationWithId) => {
     if (checkAlreadyExists(values)) {
-      return false;
+      return undefined;
     }
 
     toast.closeAll();
-    setNewDeclaration(values);
     const updatedDeclarations = [...accordionDeclarations, values];
-    return handleSave(updatedDeclarations);
+    const res = await handleSave(updatedDeclarations);
+    if (res) {
+      const savedDeclaration = res.filter(
+        (pd) =>
+          (pd.name ? pd.name === values.name : true) &&
+          pd.data_use === values.data_use
+      )[0];
+      setNewDeclaration(savedDeclaration);
+    }
+    return res;
   };
 
   const handleShowNewForm = () => {
diff --git a/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationStep.tsx b/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationStep.tsx
index e821c4a7d8..05d09cd35d 100644
--- a/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationStep.tsx
+++ b/clients/admin-ui/src/features/system/privacy-declarations/PrivacyDeclarationStep.tsx
@@ -7,6 +7,7 @@ import { useAppDispatch } from "~/app/hooks";
 import { getErrorMessage, isErrorResult } from "~/features/common/helpers";
 import { errorToastParams, successToastParams } from "~/features/common/toast";
 import { setActiveSystem, useUpdateSystemMutation } from "~/features/system";
+import { PrivacyDeclarationWithId } from "~/features/system/privacy-declarations/types";
 import { PrivacyDeclaration, System } from "~/types/api";
 
 import { usePrivacyDeclarationData } from "./hooks";
@@ -25,7 +26,7 @@ const PrivacyDeclarationStep = ({ system }: Props) => {
   const handleSave = async (
     updatedDeclarations: PrivacyDeclaration[],
     isDelete?: boolean
-  ) => {
+  ): Promise<PrivacyDeclarationWithId[] | undefined> => {
     const systemBodyWithDeclaration = {
       ...system,
       privacy_declarations: updatedDeclarations,
@@ -43,14 +44,14 @@ const PrivacyDeclarationStep = ({ system }: Props) => {
         );
 
         toast(errorToastParams(errorMsg));
-        return false;
+        return undefined;
       }
       toast.closeAll();
       toast(
         successToastParams(isDelete ? "Data use deleted" : "Data use saved")
       );
       dispatch(setActiveSystem(result.data));
-      return true;
+      return result.data.privacy_declarations as PrivacyDeclarationWithId[];
     };
 
     const updateSystemResult = await updateSystemMutationTrigger(
diff --git a/clients/admin-ui/src/types/api/index.ts b/clients/admin-ui/src/types/api/index.ts
index c6ba3b3fac..00bda557a7 100644
--- a/clients/admin-ui/src/types/api/index.ts
+++ b/clients/admin-ui/src/types/api/index.ts
@@ -53,6 +53,7 @@ export { ClusterHealth } from "./models/ClusterHealth";
 export type { CollectionAddressResponse } from "./models/CollectionAddressResponse";
 export type { CollectionMeta } from "./models/CollectionMeta";
 export { ColumnSort } from "./models/ColumnSort";
+export { ComponentType } from "./models/ComponentType";
 export type { ConnectionConfigurationResponse } from "./models/ConnectionConfigurationResponse";
 export type { ConnectionSystemTypeMap } from "./models/ConnectionSystemTypeMap";
 export { ConnectionTestStatus } from "./models/ConnectionTestStatus";
@@ -98,6 +99,7 @@ export { DataSubjectRightsEnum } from "./models/DataSubjectRightsEnum";
 export type { DataUpload } from "./models/DataUpload";
 export type { DataUse } from "./models/DataUse";
 export { DBActions } from "./models/DBActions";
+export { DeliveryMechanism } from "./models/DeliveryMechanism";
 export type { DenyPrivacyRequests } from "./models/DenyPrivacyRequests";
 export { DrpAction } from "./models/DrpAction";
 export type { DrpDataRightsResponse } from "./models/DrpDataRightsResponse";
@@ -182,6 +184,7 @@ export type { Page_ExecutionLogDetailResponse_ } from "./models/Page_ExecutionLo
 export type { Page_MessagingConfigResponse_ } from "./models/Page_MessagingConfigResponse_";
 export type { Page_PolicyResponse_ } from "./models/Page_PolicyResponse_";
 export type { Page_PolicyWebhookResponse_ } from "./models/Page_PolicyWebhookResponse_";
+export type { Page_PrivacyExperienceResponse_ } from "./models/Page_PrivacyExperienceResponse_";
 export type { Page_PrivacyNoticeResponse_ } from "./models/Page_PrivacyNoticeResponse_";
 export type { Page_RuleResponseWithTargets_ } from "./models/Page_RuleResponseWithTargets_";
 export type { Page_RuleTarget_ } from "./models/Page_RuleTarget_";
@@ -200,6 +203,8 @@ export type { PolicyWebhookUpdate } from "./models/PolicyWebhookUpdate";
 export type { PolicyWebhookUpdateResponse } from "./models/PolicyWebhookUpdateResponse";
 export type { PostgreSQLDocsSchema } from "./models/PostgreSQLDocsSchema";
 export type { PrivacyDeclaration } from "./models/PrivacyDeclaration";
+export type { PrivacyDeclarationResponse } from "./models/PrivacyDeclarationResponse";
+export type { PrivacyExperienceResponse } from "./models/PrivacyExperienceResponse";
 export type { PrivacyNoticeCreation } from "./models/PrivacyNoticeCreation";
 export type { PrivacyNoticeHistorySchema } from "./models/PrivacyNoticeHistorySchema";
 export { PrivacyNoticeRegion } from "./models/PrivacyNoticeRegion";
@@ -262,6 +267,7 @@ export { StorageTypeApiAccepted } from "./models/StorageTypeApiAccepted";
 export type { Strategy } from "./models/Strategy";
 export type { System } from "./models/System";
 export type { SystemMetadata } from "./models/SystemMetadata";
+export type { SystemResponse } from "./models/SystemResponse";
 export type { SystemScanHistory } from "./models/SystemScanHistory";
 export type { SystemScannerStatus } from "./models/SystemScannerStatus";
 export type { SystemScanResponse } from "./models/SystemScanResponse";
diff --git a/clients/admin-ui/src/types/api/models/ComponentType.ts b/clients/admin-ui/src/types/api/models/ComponentType.ts
new file mode 100644
index 0000000000..9a6a1b4c87
--- /dev/null
+++ b/clients/admin-ui/src/types/api/models/ComponentType.ts
@@ -0,0 +1,11 @@
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+
+/**
+ * The component type - not formalized in the db
+ */
+export enum ComponentType {
+  OVERLAY = "overlay",
+  PRIVACY_CENTER = "privacy_center",
+}
diff --git a/clients/admin-ui/src/types/api/models/DeliveryMechanism.ts b/clients/admin-ui/src/types/api/models/DeliveryMechanism.ts
new file mode 100644
index 0000000000..99b24cab60
--- /dev/null
+++ b/clients/admin-ui/src/types/api/models/DeliveryMechanism.ts
@@ -0,0 +1,11 @@
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+
+/**
+ * The delivery mechanism - not formalized in the db
+ */
+export enum DeliveryMechanism {
+  BANNER = "banner",
+  LINK = "link",
+}
diff --git a/clients/admin-ui/src/types/api/models/Page_PrivacyExperienceResponse_.ts b/clients/admin-ui/src/types/api/models/Page_PrivacyExperienceResponse_.ts
new file mode 100644
index 0000000000..42fdad2450
--- /dev/null
+++ b/clients/admin-ui/src/types/api/models/Page_PrivacyExperienceResponse_.ts
@@ -0,0 +1,12 @@
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+
+import type { PrivacyExperienceResponse } from "./PrivacyExperienceResponse";
+
+export type Page_PrivacyExperienceResponse_ = {
+  items: Array<PrivacyExperienceResponse>;
+  total: number;
+  page: number;
+  size: number;
+};
diff --git a/clients/admin-ui/src/types/api/models/PrivacyDeclarationResponse.ts b/clients/admin-ui/src/types/api/models/PrivacyDeclarationResponse.ts
new file mode 100644
index 0000000000..dbf5327824
--- /dev/null
+++ b/clients/admin-ui/src/types/api/models/PrivacyDeclarationResponse.ts
@@ -0,0 +1,45 @@
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+
+/**
+ * Extension of base pydantic model to include DB `id` field in the response
+ */
+export type PrivacyDeclarationResponse = {
+  /**
+   * The name of the privacy declaration on the system.
+   */
+  name?: string;
+  /**
+   * An array of data categories describing a system in a privacy declaration.
+   */
+  data_categories: Array<string>;
+  /**
+   * The Data Use describing a system in a privacy declaration.
+   */
+  data_use: string;
+  /**
+   * The fides key of the data qualifier describing a system in a privacy declaration.
+   */
+  data_qualifier?: string;
+  /**
+   * An array of data subjects describing a system in a privacy declaration.
+   */
+  data_subjects: Array<string>;
+  /**
+   * Referenced Dataset fides keys used by the system.
+   */
+  dataset_references?: Array<string>;
+  /**
+   * The resources to which data is sent. Any `fides_key`s included in this list reference `DataFlow` entries in the `egress` array of any `System` resources to which this `PrivacyDeclaration` is applied.
+   */
+  egress?: Array<string>;
+  /**
+   * The resources from which data is received. Any `fides_key`s included in this list reference `DataFlow` entries in the `ingress` array of any `System` resources to which this `PrivacyDeclaration` is applied.
+   */
+  ingress?: Array<string>;
+  /**
+   * The database-assigned ID of the privacy declaration on the system. This is meant to be a read-only field, returned only in API responses
+   */
+  id: string;
+};
diff --git a/clients/admin-ui/src/types/api/models/PrivacyExperienceResponse.ts b/clients/admin-ui/src/types/api/models/PrivacyExperienceResponse.ts
new file mode 100644
index 0000000000..bea7841f57
--- /dev/null
+++ b/clients/admin-ui/src/types/api/models/PrivacyExperienceResponse.ts
@@ -0,0 +1,33 @@
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+
+import type { ComponentType } from "./ComponentType";
+import type { DeliveryMechanism } from "./DeliveryMechanism";
+import type { PrivacyNoticeRegion } from "./PrivacyNoticeRegion";
+import type { PrivacyNoticeResponse } from "./PrivacyNoticeResponse";
+
+/**
+ * An API representation of a PrivacyExperience used for response payloads
+ */
+export type PrivacyExperienceResponse = {
+  disabled?: boolean;
+  component: ComponentType;
+  delivery_mechanism: DeliveryMechanism;
+  regions?: Array<PrivacyNoticeRegion>;
+  component_title?: string;
+  component_description?: string;
+  banner_title?: string;
+  banner_description?: string;
+  link_label?: string;
+  confirmation_button_label?: string;
+  reject_button_label?: string;
+  acknowledgement_button_label?: string;
+  id: string;
+  created_at: string;
+  updated_at: string;
+  version: number;
+  privacy_experience_history_id: string;
+  privacy_experience_template_id?: string;
+  privacy_notices?: Array<PrivacyNoticeResponse>;
+};
diff --git a/clients/admin-ui/src/types/api/models/ScopeRegistryEnum.ts b/clients/admin-ui/src/types/api/models/ScopeRegistryEnum.ts
index 1696b1c325..8d0ec00c1d 100644
--- a/clients/admin-ui/src/types/api/models/ScopeRegistryEnum.ts
+++ b/clients/admin-ui/src/types/api/models/ScopeRegistryEnum.ts
@@ -88,6 +88,9 @@ export enum ScopeRegistryEnum {
   POLICY_CREATE_OR_UPDATE = "policy:create_or_update",
   POLICY_DELETE = "policy:delete",
   POLICY_READ = "policy:read",
+  PRIVACY_EXPERIENCE_CREATE = "privacy-experience:create",
+  PRIVACY_EXPERIENCE_READ = "privacy-experience:read",
+  PRIVACY_EXPERIENCE_UPDATE = "privacy-experience:update",
   PRIVACY_NOTICE_CREATE = "privacy-notice:create",
   PRIVACY_NOTICE_READ = "privacy-notice:read",
   PRIVACY_NOTICE_UPDATE = "privacy-notice:update",
diff --git a/clients/admin-ui/src/types/api/models/SystemResponse.ts b/clients/admin-ui/src/types/api/models/SystemResponse.ts
new file mode 100644
index 0000000000..fcb538e896
--- /dev/null
+++ b/clients/admin-ui/src/types/api/models/SystemResponse.ts
@@ -0,0 +1,112 @@
+/* istanbul ignore file */
+/* tslint:disable */
+/* eslint-disable */
+
+import type { ContactDetails } from "./ContactDetails";
+import type { DataFlow } from "./DataFlow";
+import type { DataProtectionImpactAssessment } from "./DataProtectionImpactAssessment";
+import type { DataResponsibilityTitle } from "./DataResponsibilityTitle";
+import type { PrivacyDeclarationResponse } from "./PrivacyDeclarationResponse";
+import type { SystemMetadata } from "./SystemMetadata";
+
+/**
+ * Extension of base pydantic model to include `privacy_declarations.id` fields in responses
+ */
+export type SystemResponse = {
+  /**
+   * A unique key used to identify this resource.
+   */
+  fides_key: string;
+  /**
+   * Defines the Organization that this resource belongs to.
+   */
+  organization_fides_key?: string;
+  tags?: Array<string>;
+  /**
+   * Human-Readable name for this resource.
+   */
+  name?: string;
+  /**
+   * A detailed description of what this resource is.
+   */
+  description?: string;
+  /**
+   * The id of the system registry, if used.
+   */
+  registry_id?: number;
+  /**
+   * An optional property to store any extra information for a system. Not used by fidesctl.
+   */
+  meta?: Record<string, string>;
+  /**
+   *
+   * The SystemMetadata resource model.
+   *
+   * Object used to hold application specific metadata for a system
+   *
+   */
+  fidesctl_meta?: SystemMetadata;
+  /**
+   * A required value to describe the type of system being modeled, examples include: Service, Application, Third Party, etc.
+   */
+  system_type: string;
+  /**
+   *
+   * The model defining the responsibility or role over
+   * the system that processes personal data.
+   *
+   * Used to identify whether the organization is a
+   * Controller, Processor, or Sub-Processor of the data
+   *
+   */
+  data_responsibility_title?: DataResponsibilityTitle;
+  /**
+   * The resources to which the System sends data.
+   */
+  egress?: Array<DataFlow>;
+  /**
+   * The resources from which the System receives data.
+   */
+  ingress?: Array<DataFlow>;
+  /**
+   * Extension of base pydantic model to include DB `id` field in the response
+   */
+  privacy_declarations: Array<PrivacyDeclarationResponse>;
+  /**
+   * A list of fides keys to model dependencies.
+   */
+  system_dependencies?: Array<string>;
+  /**
+   *
+   * The contact details information model.
+   *
+   * Used to capture contact information for controllers, used
+   * as part of exporting a data map / ROPA.
+   *
+   * This model is nested under an Organization and
+   * potentially under a system/dataset.
+   *
+   */
+  joint_controller?: ContactDetails;
+  /**
+   * An optional array to identify any third countries where data is transited to. For consistency purposes, these fields are required to follow the Alpha-3 code set in ISO 3166-1.
+   */
+  third_country_transfers?: Array<string>;
+  /**
+   * An optional value to identify the owning department or group of the system within your organization
+   */
+  administrating_department?: string;
+  /**
+   *
+   * The DataProtectionImpactAssessment (DPIA) resource model.
+   *
+   * Contains information in regard to the data protection
+   * impact assessment exported on a data map or Record of
+   * Processing Activities (RoPA).
+   *
+   * A legal requirement under GDPR for any project that
+   * introduces a high risk to personal information.
+   *
+   */
+  data_protection_impact_assessment?: DataProtectionImpactAssessment;
+};