add non-dev mode info to figma to react docs (#7878)

Author: ykethan

src/pages/[platform]/build-ui/figma-to-code/index.mdx

@@ -41,9 +41,17 @@ Please follow the README in our Figma file to learn how to create your component
 
 ## Step 2: Run the Amplify UI Builder Figma plugin in dev mode
 
-After you duplicate the Figma file, you run the Amplify UI Builder figma plugin in dev mode to generate Amplify UI React code.
+After you duplicate the Figma file, you run the Amplify UI Builder figma plugin in dev mode or non-dev mode to generate Amplify UI React code.
 
-1. Turn on Figma dev mode on your Figma file
-2. Click on the "Plugins" tab
-3. Click on the Amplify UI Builder plugin
-4. Select any layer in your file to get React code and a live preview of the generated code.
+### Dev Mode
+
+1. Turn on Figma dev mode in your Figma file.
+2. Click on the **Plugins** tab.
+3. Select the **AWS Amplify UI Builder** plugin.
+4. Choose any layer in your file to get React code and a live preview of the generated code.
+
+### Non-dev Mode
+
+1. Click on the **Plugins** tab.
+2. Select the **AWS Amplify UI Builder** plugin.
+3. Choose **Download component code** to download the React code for your components.