diff --git a/src/assets/courses/full-courses.json b/src/assets/courses/full-courses.json
index ca79a1193..11715824e 100644
--- a/src/assets/courses/full-courses.json
+++ b/src/assets/courses/full-courses.json
@@ -330516,4 +330516,4 @@
       "roster": "SP24"
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/src/components/ScheduleGenerate/ScheduleGenerateModal.vue b/src/components/ScheduleGenerate/ScheduleGenerateModal.vue
new file mode 100644
index 000000000..ff2a5f935
--- /dev/null
+++ b/src/components/ScheduleGenerate/ScheduleGenerateModal.vue
@@ -0,0 +1,111 @@
+<template>
+  <div class="schedule-generate" @click="checkClickOutside" ref="modalBackground">
+    <div class="schedule-generate-main">
+      <div class="schedule-generate-content">
+        <div class="schedule-generate-cancel">
+          <button @click="cancel">
+            <img
+              class="schedule-generate-cancel-icon"
+              src="@/assets/images/x.svg"
+              alt="x to close modal"
+            />
+          </button>
+        </div>
+        <div class="schedule-generate-top">
+          <div class="schedule-generate-header">
+            <span
+              ><img
+                class="schedule-generate-header-emoji"
+                src="@/assets/images/waveEmoji.svg"
+                alt="wave"
+              />
+              Say hello to your generated schedule!</span
+            >
+          </div>
+          <div class="schedule-generate-description">
+            Please download before closing or it won't be saved!
+          </div>
+        </div>
+      </div>
+      <div class="schedule-generate-bottom"></div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  emits: ['closeScheduleGenerateModal'],
+  methods: {
+    cancel() {
+      this.$emit('closeScheduleGenerateModal');
+    },
+    checkClickOutside(e: MouseEvent) {
+      if (e.target === this.$refs.modalBackground) {
+        this.cancel();
+      }
+    },
+  },
+});
+</script>
+<style scoped lang="scss">
+@import '@/assets/scss/_variables.scss';
+button:hover {
+  opacity: 0.5;
+}
+
+input {
+  background-color: none;
+}
+.schedule-generate {
+  padding: 1rem;
+  width: 100%;
+  &-main {
+    background: $white;
+    border-radius: 9px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 46rem;
+  }
+
+  &-cancel {
+    cursor: pointer;
+    text-align: right;
+    position: absolute;
+    right: 1rem;
+    top: 1rem;
+    z-index: 5;
+
+    &-icon {
+      margin: 11px 11px 0 0;
+    }
+  }
+
+  &-header {
+    font-weight: bold;
+    font-size: 36px;
+    color: $onboardingGray;
+    text-align: center;
+
+    &-emoji {
+      width: 36px;
+      height: 36px;
+      vertical-align: text-top;
+    }
+  }
+
+  &-description {
+    font-weight: 300;
+    font-size: 18px;
+    line-height: 36px;
+    color: $onboardingGray;
+    text-align: center;
+  }
+
+  &-content {
+    position: relative;
+    padding: 1.5rem 2rem 1.5rem 2rem;
+  }
+}
+</style>
diff --git a/src/components/ScheduleGenerator/ScheduleGeneratorSideBar.vue b/src/components/ScheduleGenerate/ScheduleGenerateSideBar.vue
similarity index 95%
rename from src/components/ScheduleGenerator/ScheduleGeneratorSideBar.vue
rename to src/components/ScheduleGenerate/ScheduleGenerateSideBar.vue
index 2452d2d89..da56ec3be 100644
--- a/src/components/ScheduleGenerator/ScheduleGeneratorSideBar.vue
+++ b/src/components/ScheduleGenerate/ScheduleGenerateSideBar.vue
@@ -10,7 +10,11 @@
       </button>
     </div>
     <!-- NOTE: you cannot generate a schedule if you have not inputted any requirements. -->
-    <button class="generate-schedule-button" :disabled="generateScheduleButtonDisabled">
+    <button
+      class="generate-schedule-button"
+      :disabled="generateScheduleButtonDisabled"
+      @click="openScheduleGenerateModal"
+    >
       <!-- Tools SVG icon placed inline with the text. -->
       <svg
         xmlns="http://www.w3.org/2000/svg"
@@ -56,6 +60,12 @@ export default defineComponent({
     // (linked with requirements) whether any requirements have been added
     generateScheduleButtonDisabled: { type: Boolean, required: true },
   },
+  emits: ['openScheduleGenerateModal'],
+  methods: {
+    openScheduleGenerateModal() {
+      this.$emit('openScheduleGenerateModal');
+    },
+  },
 });
 </script>
 
diff --git a/src/containers/Dashboard.vue b/src/containers/Dashboard.vue
index 906b011cf..302b62f8e 100644
--- a/src/containers/Dashboard.vue
+++ b/src/containers/Dashboard.vue
@@ -9,6 +9,11 @@
       @onboard="endOnboarding"
       @cancelOnboarding="cancelOnboarding"
     />
+    <schedule-generate-modal
+      class="dashboard-onboarding"
+      v-if="isScheduleGenerateModalOpen"
+      @closeScheduleGenerateModal="closeScheduleGenerateModal"
+    />
     <div class="dashboard-mainView">
       <div class="dashboard-menus">
         <nav-bar
@@ -32,10 +37,11 @@
           :startTour="startTour"
           @showTourEndWindow="showTourEnd"
         />
-        <schedule-generator-side-bar
+        <schedule-generate-side-bar
           v-if="loaded && !showToolsPage && !isProfileOpen && isScheduleGenerateOpen"
           selected-semester="Spring 2025"
           :generate-schedule-button-disabled="isScheduleGenerateButtonDisabled"
+          @openScheduleGenerateModal="openScheduleGenerateModal"
         />
         <bottom-bar
           v-if="!(isTablet && requirementsIsDisplayedMobile) && !showToolsPage && !isProfileOpen"
@@ -94,7 +100,8 @@ import SemesterView from '@/components/Semester/SemesterView.vue';
 import RequirementSideBar from '@/components/Requirements/RequirementSideBar.vue';
 import BottomBar from '@/components/BottomBar/BottomBar.vue';
 import NavBar from '@/components/NavBar.vue';
-import ScheduleGeneratorSideBar from '@/components/ScheduleGenerator/ScheduleGeneratorSideBar.vue';
+import ScheduleGenerateSideBar from '@/components/ScheduleGenerate/ScheduleGenerateSideBar.vue';
+import ScheduleGenerateModal from '@/components/ScheduleGenerate/ScheduleGenerateModal.vue';
 import Onboarding from '@/components/Modals/Onboarding/Onboarding.vue';
 import TourWindow from '@/components/Modals/TourWindow.vue';
 import ToolsContainer from '@/containers/Tools.vue';
@@ -142,8 +149,9 @@ export default defineComponent({
   components: {
     BottomBar,
     NavBar,
-    ScheduleGeneratorSideBar,
+    ScheduleGenerateSideBar,
     Onboarding,
+    ScheduleGenerateModal,
     RequirementSideBar,
     SemesterView,
     TourWindow,
@@ -169,6 +177,7 @@ export default defineComponent({
       isProfileOpen: false,
       isScheduleGenerateButtonDisabled: false,
       isScheduleGenerateOpen: false,
+      isScheduleGenerateModalOpen: false,
     };
   },
   computed: {
@@ -282,6 +291,15 @@ export default defineComponent({
       }
     },
 
+    openScheduleGenerateModal() {
+      // TODO: do feature flag check
+      this.isScheduleGenerateModalOpen = true;
+    },
+
+    closeScheduleGenerateModal() {
+      this.isScheduleGenerateModalOpen = false;
+    },
+
     closeWelcome() {
       this.welcomeHidden = false;
     },