Merge pull request #179 from DaleStudy/174-storybook-designs-addon

storybook designs addon 추가

Author: Sunjae95

.storybook/main.ts

@@ -10,6 +10,7 @@ const config: StorybookConfig = {
     "@storybook/addon-a11y",
     "@storybook/addon-themes",
     "@storybook/theming",
+    "@storybook/addon-designs",
   ],
   framework: {
     name: "@storybook/react-vite",

bun.lock

@@ -38,6 +38,7 @@
     "@faker-js/faker": "^9.4.0",
     "@pandacss/dev": "^0.53.4",
     "@storybook/addon-a11y": "^8.6.12",
+    "@storybook/addon-designs": "^8.2.1",
     "@storybook/addon-essentials": "^8.6.12",
     "@storybook/addon-interactions": "^8.6.12",
     "@storybook/addon-links": "^8.6.12",

package.json

@@ -6,6 +6,11 @@ export default {
   component: Button,
   parameters: {
     layout: "centered",
+    design: {
+      type: "figma",
+      // TODO: 임시 url이므로 button 컴포넌트가 완성되면 교체해줄 것
+      url: "https://www.figma.com/design/mQ2ETYC6LXGOwVETov3CgO/NoName-Design-System?node-id=11-343",
+    },
   },
   args: {
     children: "시작하기",