AWS Security ChangesHomeSearch

AWS connect documentation change

Service: connect · 2025-07-01 · Documentation low

File: connect/latest/adminguide/no-code-ui-builder.md

Summary

Expanded documentation for no-code UI builder with detailed step-by-step access instructions, added screenshots, and restructured content layout

Security assessment

Added explicit requirement for Admin account or 'Channels and flows - Views' permission, which relates to access control but doesn't address a specific vulnerability. The change documents existing security requirements rather than responding to a security incident.

Diff

diff --git a/connect/latest/adminguide/no-code-ui-builder.md b/connect/latest/adminguide/no-code-ui-builder.md
index bc3232421..7dcdab41f 100644
--- a//connect/latest/adminguide/no-code-ui-builder.md
+++ b//connect/latest/adminguide/no-code-ui-builder.md
@@ -7 +7,29 @@ Access the no-code UI builder
-# Use no-code UI builder in Amazon Connect for resources in step-by-step guides
+# Use the no-code UI builder in Amazon Connect for resources in step-by-step guides
+
+You can create the view resources used in step-by-step guides by using the no-code UI builder in Amazon Connect. With the UI builder, you can: 
+
+  * Drag and drop UI components onto a canvas.
+
+  * Arrange your layout.
+
+  * Edit the properties and styles of each component.
+
+
+
+
+The following image shows an example of the No-code UI Builder page.
+
+![The no-code UI builder user interface.](/images/connect/latest/adminguide/images/no-code-ui-builder-topic.png)
+
+  1. The **Create** panel, where you choose from the library of UI components, or use one of the available templates.
+
+  2. The components are grouped inside collapsible containers. Drag and drop these components onto the canvas of the view resource.
+
+  3. The canvas of the view resource.
+
+  4. The **Customize** panel, and the global settings icon. This is where you set the global properties for the page, such as columns, alignment, and colors. It's also where you set the properties for the individual components that are on the canvas. 
+
+The following image shows an example of the **Properties** tab for the **Address** component. When you select the dynamic icon (the lightning bolt), the field is populated at runtime.
+
+![The Customize panel, the Properties tab, the dynamic icon.](/images/connect/latest/adminguide/images/no-code-ui-builder-properties.png)
+
@@ -9 +36,0 @@ Access the no-code UI builder
-You can create the view resources used in step-by-step guides by using Amazon Connect's no-code UI builder. With this feature, you are able to drag and drop UI components onto a canvas, arrange your layout, and edit the properties of each component. UI components are available on the left hand side of the screen and are grouped inside collapsible containers. The center of the screen is the canvas that shows you what your view resource looks like. The right hand side of the screen is where the properties are located.
@@ -11 +37,0 @@ You can create the view resources used in step-by-step guides by using Amazon Co
-![Step-by-step no-code UI builder user interface.](/images/connect/latest/adminguide/images/no-code-ui-builder-topic.png)
@@ -15 +41,11 @@ You can create the view resources used in step-by-step guides by using Amazon Co
-To access the no-code UI builder, you can ensure that your Amazon Connect user has access to **Views** permissions under the **Channels and flows** security profile permissions. After the permissions are granted, the user will be able to see the no-code UI builder in the Amazon Connect admin website under **Routing** , **Flows** , **Views**. For more information on enabling **View** permissions, see [Enable step-by-step guides in Amazon Connect](./enable-guided-experiences-sg.html).
+  1. Log in to the Amazon Connect admin website at https://`instance name`.my.connect.aws/. Use an Admin account, or an account that has **Channels and flows - Views** permission in its security profile.
+
+  2. In the Amazon Connect admin website, choose **Routing** , **Flows** , **Views**. The following image shows an example of the **Flows** page, the **Views** tab.
+
+![The Flows page, the Views tab, where you access the no-code builder UI.](/images/connect/latest/adminguide/images/no-code-ui-builder-how-to-access.png)
+
+  3. Choose **Create new**. An empty no-code UI builder page appears, as shown in the following image.
+
+![An empty no-code UI builder page.](/images/connect/latest/adminguide/images/no-code-ui-builder-blank-page.png)
+
+
@@ -17 +52,0 @@ To access the no-code UI builder, you can ensure that your Amazon Connect user h
-![Accessing the no-code UI builder.](/images/connect/latest/adminguide/images/no-code-ui-builder-how-to-access.png)