diff --git a/packages/amplify-category-api/src/graphql-transformer/utils.ts b/packages/amplify-category-api/src/graphql-transformer/utils.ts
index 905c55d2c1..8e7f517d50 100644
--- a/packages/amplify-category-api/src/graphql-transformer/utils.ts
+++ b/packages/amplify-category-api/src/graphql-transformer/utils.ts
@@ -3,7 +3,9 @@ import * as path from 'path';
 import { DeploymentResources } from '@aws-amplify/graphql-transformer-interfaces';
 import { TransformerProjectConfig } from '@aws-amplify/graphql-transformer-core';
 import rimraf from 'rimraf';
-import { $TSContext, AmplifyCategories, CloudformationProviderFacade, JSONUtilities, pathManager, stateManager } from 'amplify-cli-core';
+import {
+  $TSContext, AmplifyCategories, CloudformationProviderFacade, JSONUtilities, pathManager, stateManager,
+} from 'amplify-cli-core';
 import { CloudFormation, Fn } from 'cloudform';
 import { ResourceConstants } from 'graphql-transformer-common';
 import { pullAllBy, find } from 'lodash';
@@ -37,7 +39,7 @@ export const getAdminRoles = async (ctx: $TSContext, apiResourceName: string | u
     return [];
   }
 
-  //admin ui roles
+  // admin ui roles
   try {
     const amplifyMeta = stateManager.getMeta();
     const appId = amplifyMeta?.providers?.[PROVIDER_NAME]?.AmplifyAppId;
@@ -66,7 +68,10 @@ export const getAdminRoles = async (ctx: $TSContext, apiResourceName: string | u
     if (fs.existsSync(customRoleFile)) {
       const customRoleConfig = JSONUtilities.readJson<CustomRolesConfig>(customRoleFile);
       if (customRoleConfig && customRoleConfig.adminRoleNames) {
-        adminRoles.push(...customRoleConfig.adminRoleNames);
+        const adminRoleNames = customRoleConfig.adminRoleNames
+          // eslint-disable-next-line no-template-curly-in-string
+          .map((r) => (r.includes('${env}') ? r.replace('${env}', currentEnv) : r));
+        adminRoles.push(...adminRoleNames);
       }
     }
   }
@@ -81,9 +86,9 @@ export function mergeUserConfigWithTransformOutput(
   const userFunctions = userConfig.functions || {};
   const userResolvers = userConfig.resolvers || {};
   const userPipelineFunctions = userConfig.pipelineFunctions || {};
-  const functions = transformOutput.functions;
-  const resolvers = transformOutput.resolvers;
-  const pipelineFunctions = transformOutput.pipelineFunctions;
+  const { functions } = transformOutput;
+  const { resolvers } = transformOutput;
+  const { pipelineFunctions } = transformOutput;
 
   if (!opts?.disableFunctionOverrides) {
     for (const userFunction of Object.keys(userFunctions)) {
@@ -96,8 +101,8 @@ export function mergeUserConfigWithTransformOutput(
 
     if (pipelineFunctionKeys.length > 0) {
       printer.warn(
-        ' You are using the "pipelineFunctions" directory for overridden and custom resolvers. ' +
-          'Please use the "resolvers" directory as "pipelineFunctions" will be deprecated.\n',
+        ' You are using the "pipelineFunctions" directory for overridden and custom resolvers. '
+          + 'Please use the "resolvers" directory as "pipelineFunctions" will be deprecated.\n',
       );
     }
 
@@ -149,7 +154,7 @@ function overrideUserDefinedStacks(userConfig: TransformerProjectConfig, transfo
 
   customStackParams[ResourceConstants.PARAMETERS.AppSyncApiId] = Fn.GetAtt(ResourceConstants.RESOURCES.GraphQLAPILogicalID, 'ApiId');
 
-  let updatedParameters = rootStack.Parameters;
+  const updatedParameters = rootStack.Parameters;
 
   for (const userStack of Object.keys(userStacks)) {
     if (stacks[userStack]) {
@@ -203,7 +208,7 @@ export async function writeDeploymentToDisk(
   context: $TSContext,
   deployment: DeploymentResources,
   directory: string,
-  rootStackFileName: string = 'rootStack.json',
+  rootStackFileName = 'rootStack.json',
   buildParameters: Object,
 ) {
   fs.ensureDirSync(directory);
@@ -211,8 +216,8 @@ export async function writeDeploymentToDisk(
   emptyBuildDirPreserveTsconfig(directory);
 
   // Write the schema to disk
-  const schema = deployment.schema;
-  const fullSchemaPath = path.normalize(directory + `/schema.graphql`);
+  const { schema } = deployment;
+  const fullSchemaPath = path.normalize(`${directory}/schema.graphql`);
   fs.writeFileSync(fullSchemaPath, schema);
 
   // Setup the directories if they do not exist.
@@ -222,7 +227,7 @@ export async function writeDeploymentToDisk(
   const resolverFileNames = Object.keys(deployment.resolvers);
   const resolverRootPath = resolverDirectoryPath(directory);
   for (const resolverFileName of resolverFileNames) {
-    const fullResolverPath = path.normalize(resolverRootPath + '/' + resolverFileName);
+    const fullResolverPath = path.normalize(`${resolverRootPath}/${resolverFileName}`);
     fs.writeFileSync(fullResolverPath, deployment.resolvers[resolverFileName]);
   }
 
@@ -230,7 +235,7 @@ export async function writeDeploymentToDisk(
   const pipelineFunctions = Object.keys(deployment.pipelineFunctions);
   const pipelineFunctionRootPath = pipelineFunctionDirectoryPath(directory);
   for (const functionFileName of pipelineFunctions) {
-    const fullTemplatePath = path.normalize(pipelineFunctionRootPath + '/' + functionFileName);
+    const fullTemplatePath = path.normalize(`${pipelineFunctionRootPath}/${functionFileName}`);
     fs.writeFileSync(fullTemplatePath, deployment.pipelineFunctions[functionFileName]);
   }
 
@@ -244,7 +249,7 @@ export async function writeDeploymentToDisk(
     }
     const fullFileName = fileNameParts.join('.');
     throwIfNotJSONExt(fullFileName);
-    const fullStackPath = path.normalize(stackRootPath + '/' + fullFileName);
+    const fullStackPath = path.normalize(`${stackRootPath}/${fullFileName}`);
     let stackContent = deployment.stacks[stackFileName];
     if (typeof stackContent === 'string') {
       stackContent = JSON.parse(stackContent);
@@ -255,17 +260,17 @@ export async function writeDeploymentToDisk(
 
   // Write any functions to disk
   const functionNames = Object.keys(deployment.functions);
-  const functionRootPath = path.normalize(directory + `/functions`);
+  const functionRootPath = path.normalize(`${directory}/functions`);
   if (!fs.existsSync(functionRootPath)) {
     fs.mkdirSync(functionRootPath);
   }
   for (const functionName of functionNames) {
-    const fullFunctionPath = path.normalize(functionRootPath + '/' + functionName);
+    const fullFunctionPath = path.normalize(`${functionRootPath}/${functionName}`);
     const zipContents = fs.readFileSync(deployment.functions[functionName]);
     fs.writeFileSync(fullFunctionPath, zipContents);
   }
-  const rootStack = deployment.rootStack;
-  const rootStackPath = path.normalize(directory + `/${rootStackFileName}`);
+  const { rootStack } = deployment;
+  const rootStackPath = path.normalize(`${directory}/${rootStackFileName}`);
   const rootStackString = JSON.stringify(rootStack, null, 4);
   fs.writeFileSync(rootStackPath, rootStackString);
 
@@ -291,11 +296,11 @@ function pipelineFunctionDirectoryPath(rootPath: string) {
 }
 
 function resolverDirectoryPath(rootPath: string) {
-  return path.normalize(rootPath + `/resolvers`);
+  return path.normalize(`${rootPath}/resolvers`);
 }
 
 function stacksDirectoryPath(rootPath: string) {
-  return path.normalize(rootPath + `/stacks`);
+  return path.normalize(`${rootPath}/stacks`);
 }
 
 function throwIfNotJSONExt(stackFile: string) {
@@ -310,7 +315,7 @@ function throwIfNotJSONExt(stackFile: string) {
 
 const emptyBuildDirPreserveTsconfig = (directory: string) => {
   const files = fs.readdirSync(directory);
-  files.forEach(file => {
+  files.forEach((file) => {
     const fileDir = path.join(directory, file);
     if (fs.lstatSync(fileDir).isDirectory()) {
       rimraf.sync(fileDir);
diff --git a/packages/amplify-e2e-tests/src/__tests__/__snapshots__/api_10.test.ts.snap b/packages/amplify-e2e-tests/src/__tests__/__snapshots__/api_10.test.ts.snap
index 83017f0213..4d43192012 100644
--- a/packages/amplify-e2e-tests/src/__tests__/__snapshots__/api_10.test.ts.snap
+++ b/packages/amplify-e2e-tests/src/__tests__/__snapshots__/api_10.test.ts.snap
@@ -62,7 +62,7 @@ $util.qr($ctx.stash.put(\\"hasAuth\\", true))
 #set( $isAuthorized = false )
 #set( $allowedFields = [] )
 #if( $util.authType() == \\"IAM Authorization\\" )
-  #set( $adminRoles = [\\"myAdminRoleName\\"] )
+  #set( $adminRoles = [\\"myAdminRoleName\\",\\"myEnvFunction-fill\\"] )
   #foreach( $adminRole in $adminRoles )
     #if( $ctx.identity.userArn.contains($adminRole) && $ctx.identity.userArn != $ctx.stash.authRole && $ctx.identity.userArn != $ctx.stash.unauthRole )
       #return($util.toJson({}))
@@ -175,7 +175,7 @@ $util.qr($ctx.stash.put(\\"hasAuth\\", true))
 #set( $isAuthorized = false )
 #set( $allowedFields = [] )
 #if( $util.authType() == \\"IAM Authorization\\" )
-  #set( $adminRoles = [\\"myAdminRoleName\\"] )
+  #set( $adminRoles = [\\"myAdminRoleName\\",\\"myEnvFunction-fill\\"] )
   #foreach( $adminRole in $adminRoles )
     #if( $ctx.identity.userArn.contains($adminRole) && $ctx.identity.userArn != $ctx.stash.authRole && $ctx.identity.userArn != $ctx.stash.unauthRole )
       #return($util.toJson({}))
diff --git a/packages/amplify-e2e-tests/src/__tests__/api_10.test.ts b/packages/amplify-e2e-tests/src/__tests__/api_10.test.ts
index 682f7f5b1e..b3a38daeaf 100644
--- a/packages/amplify-e2e-tests/src/__tests__/api_10.test.ts
+++ b/packages/amplify-e2e-tests/src/__tests__/api_10.test.ts
@@ -77,7 +77,8 @@ describe('amplify add api (GraphQL)', () => {
 
   it('init a project and add custom iam roles - local test with gql v2', async () => {
     const name = 'customadminroles';
-    await initJSProjectWithProfile(projRoot, { name });
+    const envName = 'fill'
+    await initJSProjectWithProfile(projRoot, { name, envName });
     await addApi(projRoot, { transformerVersion: 2, IAM: {}, 'Amazon Cognito User Pool': {} });
     updateApiSchema(projRoot, name, 'cognito_simple_model.graphql');
     await apiGqlCompile(projRoot);
@@ -95,7 +96,7 @@ describe('amplify add api (GraphQL)', () => {
     expect(beforeAdminConfig).toMatchSnapshot();
 
     const customRolesConfig = {
-      adminRoleNames: ['myAdminRoleName'],
+      adminRoleNames: ['myAdminRoleName', 'myEnvFunction-${env}'],
     };
     setCustomRolesConfig(projRoot, name, customRolesConfig);
     await apiGqlCompile(projRoot);
@@ -106,7 +107,8 @@ describe('amplify add api (GraphQL)', () => {
 
   it('init a project and add custom iam roles - local test with gql v2 w/ identity claim feature flag disabled', async () => {
     const name = 'customadminroles';
-    await initJSProjectWithProfile(projRoot, { name });
+    const envName = 'fill'
+    await initJSProjectWithProfile(projRoot, { name, envName });
     await addFeatureFlag(projRoot, 'graphqltransformer', 'useSubUsernameForDefaultIdentityClaim', false);
     await addApi(projRoot, { transformerVersion: 2, IAM: {}, 'Amazon Cognito User Pool': {} });
     updateApiSchema(projRoot, name, 'cognito_simple_model.graphql');
@@ -125,7 +127,7 @@ describe('amplify add api (GraphQL)', () => {
     expect(beforeAdminConfig).toMatchSnapshot();
 
     const customRolesConfig = {
-      adminRoleNames: ['myAdminRoleName'],
+      adminRoleNames: ['myAdminRoleName', 'myEnvFunction-${env}'],
     };
     setCustomRolesConfig(projRoot, name, customRolesConfig);
     await apiGqlCompile(projRoot);