diff --git a/docs/content/docs/design/components/action-chip.mdx b/docs/content/docs/design/components/action-chip.mdx
index bb79d0000..548f249b9 100644
--- a/docs/content/docs/design/components/action-chip.mdx
+++ b/docs/content/docs/design/components/action-chip.mdx
@@ -30,4 +30,4 @@ description: TBD
 
 ## Spec
 
-<ComponentSpecTable id={"action-chip"} />
\ No newline at end of file
+<ComponentSpecTable id="action-chip" />
\ No newline at end of file
diff --git a/docs/content/docs/design/components/badge.mdx b/docs/content/docs/design/components/badge.mdx
new file mode 100644
index 000000000..aab1de43e
--- /dev/null
+++ b/docs/content/docs/design/components/badge.mdx
@@ -0,0 +1,29 @@
+---
+title: Badge
+description: TBD
+---
+
+## Overview
+
+### 옵션 테이블
+
+| 속성    | 값                                            | 기본값  |
+| ------- | --------------------------------------------- | ------- |
+| size    | medium, small                                 | medium  |
+| variant | soft, solid, outlined                         | soft    |
+| tone    | neutral, brand, informative, positive, danger | neutral |
+
+## 링크
+
+<Cards>
+  <Card
+    icon={<AtomIcon />}
+    title="React"
+    description="Badge 컴포넌트를 React로 사용하는 방법을 설명합니다."
+    href="/docs/react/components/badge"
+  />
+</Cards>
+
+## Spec
+
+<ComponentSpecTable id="badge" />