diff --git a/frontend/components/screen/RealtimePreviewDynamic.tsx b/frontend/components/screen/RealtimePreviewDynamic.tsx
index f4e0fec9..72739e71 100644
--- a/frontend/components/screen/RealtimePreviewDynamic.tsx
+++ b/frontend/components/screen/RealtimePreviewDynamic.tsx
@@ -275,9 +275,9 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
       style={{ ...baseStyle, ...selectionStyle }}
       onClick={handleClick}
       onDoubleClick={handleDoubleClick}
-      draggable
-      onDragStart={handleDragStart}
-      onDragEnd={handleDragEnd}
+      draggable={isDesignMode} // 디자인 모드에서만 드래그 가능
+      onDragStart={isDesignMode ? handleDragStart : undefined}
+      onDragEnd={isDesignMode ? handleDragEnd : undefined}
     >
       {/* 동적 컴포넌트 렌더링 */}
       <div