diff --git a/web/src/components/Avatar.tsx b/web/src/components/Avatar.tsx
index 85be7855..94ba4e96 100644
--- a/web/src/components/Avatar.tsx
+++ b/web/src/components/Avatar.tsx
@@ -1 +1,6 @@
-export { Avatar } from 'tailchat-design';
+export {
+  /**
+   * @deprecated please import it from tailchat-design
+   */
+  Avatar,
+} from 'tailchat-design';
diff --git a/web/src/plugin/component/index.tsx b/web/src/plugin/component/index.tsx
index f7f304a2..690a6e34 100644
--- a/web/src/plugin/component/index.tsx
+++ b/web/src/plugin/component/index.tsx
@@ -11,6 +11,7 @@ export {
   Switch,
   Tooltip,
 } from 'antd';
+export { Avatar } from 'tailchat-design';
 export const TextArea = Input.TextArea;
 export { Image } from '@/components/Image';
 export { Icon } from '@/components/Icon';