diff --git a/src/components/ImageDistortion.tsx b/src/components/ImageDistortion.tsx
index b30b0e9..e0bbd3d 100644
--- a/src/components/ImageDistortion.tsx
+++ b/src/components/ImageDistortion.tsx
@@ -1,13 +1,13 @@
 import React, { useEffect, useRef, useState, useCallback } from 'react';
 import * as THREE from 'three';
-import { type DistortionArea } from '../types';
-import { ThreeScene } from '../engine/ThreeScene';
-import { ShaderManager } from '../engine/ShaderManager';
-import { AnimationLoop } from '../engine/AnimationLoop';
-import { useAnimationFrame } from '../hooks/useAnimationFrame';
-import { useMouseInteraction } from '../hooks/useMouseInteraction';
-import { SHADER_CONFIG } from '../utils/constants';
-import { MouseInteractionConfig } from '../types/interaction';
+import { type DistortionArea } from '@/types';
+import { ThreeScene } from '@/engine/ThreeScene';
+import { ShaderManager } from '@/engine/ShaderManager';
+import { AnimationLoop } from '@/engine/AnimationLoop';
+import { useAnimationFrame } from '@/hooks/useAnimationFrame';
+import { useMouseInteraction } from '@/hooks/useMouseInteraction';
+import { SHADER_CONFIG } from '@/utils/constants';
+import { MouseInteractionConfig } from '@/types/interaction';
 
 /**
  * ImageDistortion 컴포넌트 Props
diff --git a/src/editor/components/EditorCanvas.tsx b/src/editor/components/EditorCanvas.tsx
index 2cd3693..0efad72 100644
--- a/src/editor/components/EditorCanvas.tsx
+++ b/src/editor/components/EditorCanvas.tsx
@@ -1,8 +1,8 @@
 import React, {useRef, useEffect, useState, useCallback, useMemo} from 'react';
-import {DistortionArea, Point} from '../../types/area';
-import {ImageDistortion} from '../../components/ImageDistortion';
+import {DistortionArea, Point} from '@/types';
+import {ImageDistortion} from '@/components/ImageDistortion';
 import {EditorCanvasStyle} from '../types';
-import {DEFAULT_EDITOR_CANVAS_STYLE} from '../constants';
+import {DEFAULT_EDITOR_CANVAS_STYLE} from '@/editor';
 
 interface EditorCanvasProps {
 	areas: DistortionArea[];
diff --git a/src/engine/SpringPhysics.ts b/src/engine/SpringPhysics.ts
index 4837c64..68f9652 100644
--- a/src/engine/SpringPhysics.ts
+++ b/src/engine/SpringPhysics.ts
@@ -1,5 +1,5 @@
-import { Point } from '../types/area';
-import { SpringPhysicsConfig, SpringState } from '../types/interaction';
+import { Point } from '@/types';
+import { SpringPhysicsConfig, SpringState } from '@/types/interaction';
 
 /**
  * 스프링 기반 물리 시뮬레이션 엔진
diff --git a/src/engine/ThreeScene.ts b/src/engine/ThreeScene.ts
index 473d863..ede5d36 100644
--- a/src/engine/ThreeScene.ts
+++ b/src/engine/ThreeScene.ts
@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import type { ShaderUniforms } from '../types';
+import type { ShaderUniforms } from '@/types';
 
 /**
  * Three.js 씬 관리 클래스
diff --git a/src/hooks/useMouseInteraction.ts b/src/hooks/useMouseInteraction.ts
index 6c885d0..9518603 100644
--- a/src/hooks/useMouseInteraction.ts
+++ b/src/hooks/useMouseInteraction.ts
@@ -1,8 +1,8 @@
 import { useRef, useCallback, useState } from 'react';
 import { useMouseVelocity } from './useMouseVelocity';
-import { SpringPhysics } from '../engine/SpringPhysics';
-import { DistortionArea, Point } from '../types/area';
-import { MouseInteractionConfig } from '../types/interaction';
+import { SpringPhysics } from '@/engine/SpringPhysics';
+import { DistortionArea, Point } from '@/types';
+import { MouseInteractionConfig } from '@/types/interaction';
 
 /**
  * 점이 사각형 내부에 있는지 확인
diff --git a/src/hooks/useMouseVelocity.ts b/src/hooks/useMouseVelocity.ts
index 3a67982..4ff5651 100644
--- a/src/hooks/useMouseVelocity.ts
+++ b/src/hooks/useMouseVelocity.ts
@@ -1,6 +1,6 @@
 import { useRef, useCallback, useEffect } from 'react';
-import { Point } from '../types/area';
-import { MouseState } from '../types/interaction';
+import { Point } from '@/types';
+import { MouseState } from '@/types/interaction';
 
 /**
  * 마우스 위치, 속도, 가속도를 추적하는 훅