diff --git a/frontend/src/components/ui-new/scope/NewDesignScope.tsx b/frontend/src/components/ui-new/scope/NewDesignScope.tsx
index cd24ee16..ef3d387c 100644
--- a/frontend/src/components/ui-new/scope/NewDesignScope.tsx
+++ b/frontend/src/components/ui-new/scope/NewDesignScope.tsx
@@ -1,4 +1,5 @@
-import { ReactNode, useRef } from 'react';
+import { ReactNode, useRef, useEffect } from 'react';
+import { usePostHog } from 'posthog-js/react';
 import { PortalContainerContext } from '@/contexts/PortalContainerContext';
 import {
   WorkspaceProvider,
@@ -29,6 +30,16 @@ function ExecutionProcessesProviderWrapper({
 
 export function NewDesignScope({ children }: NewDesignScopeProps) {
   const ref = useRef<HTMLDivElement>(null);
+  const posthog = usePostHog();
+  const hasTracked = useRef(false);
+
+  useEffect(() => {
+    if (!hasTracked.current) {
+      posthog?.capture('ui_new_accessed');
+      hasTracked.current = true;
+    }
+  }, [posthog]);
+
   return (
     <div ref={ref} className="new-design h-full">
       <PortalContainerContext.Provider value={ref}>