diff --git a/packages/timo-design-system/.storybook/main.ts b/packages/timo-design-system/.storybook/main.ts
index d2f044c6..ea2b4e60 100644
--- a/packages/timo-design-system/.storybook/main.ts
+++ b/packages/timo-design-system/.storybook/main.ts
@@ -1,3 +1,5 @@
+import path from "node:path";
+
 import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
@@ -15,6 +17,20 @@ const config: StorybookConfig = {
   docs: {
     autodocs: "tag",
   },
+  viteFinal: async (config) => {
+    config.resolve ??= {};
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      "@components": path.resolve(__dirname, "../src/components"),
+      "@tokens": path.resolve(__dirname, "../src/tokens"),
+      "@icons": path.resolve(__dirname, "../src/icons"),
+      "@lib": path.resolve(__dirname, "../src/lib"),
+      "@styles": path.resolve(__dirname, "../src/styles"),
+      "@assets": path.resolve(__dirname, "../src/assets"),
+      "@guides": path.resolve(__dirname, "../src/guides"),
+    };
+    return config;
+  },
 };
 
 export default config;
diff --git a/packages/timo-design-system/src/components/color/Color.stories.tsx b/packages/timo-design-system/src/components/color/Color.stories.tsx
index 5065cb3f..72073049 100644
--- a/packages/timo-design-system/src/components/color/Color.stories.tsx
+++ b/packages/timo-design-system/src/components/color/Color.stories.tsx
@@ -1,5 +1,6 @@
+import { COLOR_TOKENS } from "@tokens/color-token";
+
 import { Color } from "./Color";
-import { COLOR_TOKENS } from "../../tokens/color-token";
 
 import type { Meta, StoryObj } from "@storybook/react";
 
diff --git a/packages/timo-design-system/src/components/color/Color.tsx b/packages/timo-design-system/src/components/color/Color.tsx
index 0f00b157..bd9ab78b 100644
--- a/packages/timo-design-system/src/components/color/Color.tsx
+++ b/packages/timo-design-system/src/components/color/Color.tsx
@@ -1,4 +1,4 @@
-import { ColorToken } from "../../tokens/color-token";
+import { ColorToken } from "@tokens/color-token";
 
 export const Color = ({ name, cssVar, value }: ColorToken) => {
   return (
diff --git a/packages/timo-design-system/src/components/priority-icon/PriorityIcon.tsx b/packages/timo-design-system/src/components/priority-icon/PriorityIcon.tsx
index 83a235fb..dbed858c 100644
--- a/packages/timo-design-system/src/components/priority-icon/PriorityIcon.tsx
+++ b/packages/timo-design-system/src/components/priority-icon/PriorityIcon.tsx
@@ -1,4 +1,4 @@
-import { cn } from "../../lib";
+import { cn } from "@lib";
 
 export type Priority =
   | "매우중요"
diff --git a/packages/timo-design-system/src/components/typography/Typography.stories.tsx b/packages/timo-design-system/src/components/typography/Typography.stories.tsx
index 9b81fef5..87f7aa4d 100644
--- a/packages/timo-design-system/src/components/typography/Typography.stories.tsx
+++ b/packages/timo-design-system/src/components/typography/Typography.stories.tsx
@@ -1,5 +1,6 @@
+import { TYPOGRAPHY_TOKENS } from "@tokens/typography-token";
+
 import { Typography } from "./Typography";
-import { TYPOGRAPHY_TOKENS } from "../../tokens/typography-token";
 
 import type { Meta, StoryObj } from "@storybook/react";
 
diff --git a/packages/timo-design-system/src/components/typography/Typography.tsx b/packages/timo-design-system/src/components/typography/Typography.tsx
index 6db0a831..388e4f87 100644
--- a/packages/timo-design-system/src/components/typography/Typography.tsx
+++ b/packages/timo-design-system/src/components/typography/Typography.tsx
@@ -1,4 +1,4 @@
-import { TypographyToken } from "../../tokens/typography-token";
+import { TypographyToken } from "@tokens/typography-token";
 
 export const Typography = ({
   token,
diff --git a/packages/timo-design-system/src/guides/StorybookGuide.mdx b/packages/timo-design-system/src/guides/StorybookGuide.mdx
index ea928c96..f88b9adf 100644
--- a/packages/timo-design-system/src/guides/StorybookGuide.mdx
+++ b/packages/timo-design-system/src/guides/StorybookGuide.mdx
@@ -100,7 +100,7 @@ export const Default: Story = {
 
 ```tsx
 import { Color } from "./Color";
-import { COLOR_TOKENS } from "../../tokens/color-token";
+import { COLOR_TOKENS } from "@tokens/color-token";
 import type { Meta, StoryObj } from "@storybook/react";
 
 const meta = {
diff --git a/packages/timo-design-system/tsconfig.json b/packages/timo-design-system/tsconfig.json
index 970a9c3b..ee874a6b 100644
--- a/packages/timo-design-system/tsconfig.json
+++ b/packages/timo-design-system/tsconfig.json
@@ -3,7 +3,19 @@
   "compilerOptions": {
     "outDir": "dist",
     "rootDir": "./src",
-    "strictNullChecks": true
+    "strictNullChecks": true,
+    "paths": {
+      "@components": ["./src/components/index.ts"],
+      "@components/*": ["./src/components/*"],
+      "@tokens/*": ["./src/tokens/*"],
+      "@icons": ["./src/icons/index.ts"],
+      "@icons/*": ["./src/icons/*"],
+      "@lib": ["./src/lib/index.ts"],
+      "@lib/*": ["./src/lib/*"],
+      "@styles/*": ["./src/styles/*"],
+      "@assets/*": ["./src/assets/*"],
+      "@guides/*": ["./src/guides/*"]
+    }
   },
   "include": ["src"],
   "exclude": ["node_modules", "dist"]