diff --git a/packages/react/.env.example b/packages/react/.env.example
index 64e8819f..cf7f1082 100644
--- a/packages/react/.env.example
+++ b/packages/react/.env.example
@@ -5,4 +5,4 @@ STORYBOOK_BASE_URL=
 # If this is not defined, the plugin will use the public API to fetch Figma files.
 # Leave the placeholder value (<YOUR_FIGMA_ACCESS_TOKEN>) as it is to disable the integration.
 # For more information, visit https://storybook.js.org/addons/storybook-addon-designs.
-STORYBOOK_FIGMA_ACCESS_TOKEN=<YOUR_FIGMA_ACCESS_TOKEN>
+STORYBOOK_DESIGN_ADDON_FIGMA_ACCESS_TOKEN=<YOUR_FIGMA_ACCESS_TOKEN>
diff --git a/packages/react/.storybook/utils.ts b/packages/react/.storybook/utils.ts
index 9fd447f2..1c4ac3f9 100644
--- a/packages/react/.storybook/utils.ts
+++ b/packages/react/.storybook/utils.ts
@@ -26,7 +26,7 @@ export const withDesign = (storyName: string, storyVariation: string, parameters
     ...parameters,
     design: designUrl && {
       ...parameters?.design,
-      type: process.env.STORYBOOK_FIGMA_ACCESS_TOKEN && process.env.STORYBOOK_FIGMA_ACCESS_TOKEN !== '<YOUR_FIGMA_ACCESS_TOKEN>'
+      type: process.env.STORYBOOK_DESIGN_ADDON_FIGMA_ACCESS_TOKEN && process.env.STORYBOOK_DESIGN_ADDON_FIGMA_ACCESS_TOKEN !== '<YOUR_FIGMA_ACCESS_TOKEN>'
         ? 'figspec'
         : 'figma',
       url: designUrl,
diff --git a/packages/react/README.md b/packages/react/README.md
index c18d8088..0e570089 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -38,7 +38,7 @@ If you create a personal access token and configure the setup, you could get a b
 Create a `.env.local` file under the root of `packages/react`, and add the following environment variable.
 
 ```bash
-STORYBOOK_FIGMA_ACCESS_TOKEN="<YOUR_FIGMA_ACCESS_TOKEN>"
+STORYBOOK_DESIGN_ADDON_FIGMA_ACCESS_TOKEN="<YOUR_FIGMA_ACCESS_TOKEN>"
 ```
 
 Follow the [official addon documentation](https://pocka.github.io/storybook-addon-designs/?path=/story/docs-figma-figspec-readme--page) for more info.