Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

# Utilice el generador de interfaz de usuario de Amazon Connect para obtener recursos en step-by-step las guías
<a name="no-code-ui-builder"></a>

Puede crear los recursos de visualización que se utilizan en step-by-step las guías mediante el generador de interfaz de usuario de Amazon Connect. Con el creador de interfaces de usuario, podrá: 
+ Arrastrar y soltar los componentes de la interfaz de usuario en un lienzo
+ Organizar el diseño
+ Editar las propiedades y los estilos de cada componente

La siguiente imagen muestra un ejemplo de la página de creación de interfaces de usuario.

![\[La interfaz de usuario de UI Builder.\]](http://docs.aws.amazon.com/es_es/connect/latest/adminguide/images/no-code-ui-builder-updates.png)


1. El panel **Crear**, donde puede elegir entre la biblioteca de componentes de la interfaz de usuario o utilizar una de las plantillas disponibles.

1. Los componentes se agrupan dentro de contenedores desplegables. Arrastre y suelte estos componentes en el lienzo del recurso de visualización.

1. El lienzo del recurso de visualización.

1. El panel **Personalizar** y el icono de configuración global. Aquí es donde se configuran las propiedades globales de la página, como las columnas, la alineación y los colores. También es donde se configuran las propiedades de los componentes individuales que se encuentran en el lienzo. 

   La siguiente imagen muestra un ejemplo de la pestaña **Propiedades** del componente **Dirección**. Al seleccionar el icono dinámico (el relámpago), el campo se rellena en tiempo de ejecución.  
![\[El panel Personalizar, la pestaña Propiedades y el icono dinámico.\]](http://docs.aws.amazon.com/es_es/connect/latest/adminguide/images/no-code-ui-builder-properties.png)

## Acceda al generador de interfaces de usuario
<a name="no-code-ui-builder-how-to-access"></a>

1. Inicie sesión en el sitio web de Amazon Connect administración en https://*instance name*.my.connect.aws/. Utilice una cuenta de administrador o una cuenta que tenga el permiso **Canales y flujos - Vistas** en su perfil de seguridad.

1. **En el sitio web de administración, selecciona UI Management Amazon Connect .**

1. Selecciona **Crear vista**. En el cuadro de diálogo **Crear vista**, especifique un nombre para la vista y seleccione el **tipo de propósito**. Las vistas tienen dos finalidades:
   + **Vistas de guía**: se utilizan para estructurar flujos de trabajo de uno o varios pasos que se pueden mostrar a los agentes, clientes finales o gerentes para acceder a datos específicos de contactos o de terceros en una interfaz unificada.
   + **Vistas del espacio** de trabajo: estas vistas, que se utilizan para crear páginas del espacio de trabajo, como la página de inicio, proporcionan los componentes y la funcionalidad generales de la interfaz, independientemente de la gestión de los contactos.

1. Aparece la página del generador de interfaces de usuario. Comience rápidamente con plantillas o cree sus vistas desde cero. 

1. Elija **Crear nuevo**. Aparece una página de creación de interfaz de usuario vacía, como se muestra en la siguiente imagen.  
![\[Una página de creación de interfaz de usuario vacía.\]](http://docs.aws.amazon.com/es_es/connect/latest/adminguide/images/no-code-ui-builder-blank-page.png)