---
sourceDocument: Criar ou modificar aplicações do Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/xanadu/application-development

 Release :

    - xanadu

ft:locale :

    - pt-BR

ft:publication_title :

    - Criar ou modificar aplicações do Xanadu

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

# Navegar pela aplicação Construtor de IU

# Navegar pela aplicação Construtor de IU {#ariaid-title1}

* Versão de lançamento: Xanadu
* 
* Atualizado 1 de ago. de 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura

Saiba como navegar por Construtor de IU.

## Construtor de IU página inicial {#nav-uib__section_gh1_mvc_kvb}

A página inicial Construtor de IU fornece acesso fácil a experiências abertas recentemente, opções para criar experiências ou coleções de páginas e ajuda para começar a usar Construtor de IU. Você também pode usar a barra de pesquisa para encontrar rapidamente suas experiências por nome.

Você pode acessar a lista de experiências na parte superior selecionando a guia Experiências na barra superior.

Você pode acessar a lista de coleções de páginas na parte superior selecionando a guia Coleções de páginas na barra superior.

Selecione o link Novidades no cabeçalho para exibir as mudanças mais recentes em Construtor de IU.

## Construtor de IU exibição de experiência {#nav-uib__section_ikk_5l3_fwb}

A exibição de experiência Construtor de IU é um local central para exibir e entender a estrutura e os detalhes de uma experiência. Use a lista Página e Variantes para selecionar uma página a ser editada.
Figura 1. Construtor de IU exibição de experiência

## Estrutura de Construtor de IU {#nav-uib__section_yyv_25q_snb}

O Construtor de IU é separado nas seguintes áreas.

* Use a barra vertical esquerda para acessar o seguinte em Construtor de IU:

* Use a barra superior para acessar páginas na experiência e exibir a Ajuda. Mude as configurações da página, como disponibilidade, ordem e público. Visualize e abra o caminho da URL da página que você está editando para ver como a página é exibida para os usuários. Você também pode selecionar um domínio e definir o escopo da aplicação. E, por fim, clique no botão Salvar com frequência para salvar sua página.

* Use a árvore de conteúdo para exibir e editar layouts de coluna, colunas e componentes em suas páginas.

* Adicione layouts de coluna e componentes à sua página usando a caixa de ferramentas Construtor de IU.

* Trabalhe na área de preparação Construtor de IU para criar e modificar suas páginas.

* Vá para o painel de configuração para modificar layouts de coluna, colunas, componentes, estilo e eventos.

* Recursos de dados: vincule dados a seus componentes usando recursos de dados para expor dinamicamente seus dados de tabelas, registros ou outros elementos em sua página. Os recursos de dados permitem que você reutilize seus componentes. Para obter mais informações, consulte [Conectar dados a seus componentes](https://servicenow-prod.fluidtopics.net/ajgshAjdp2qhXGXuU_IHmA "Vincule dados expostos por recursos de dados locais a componentes na página Construtor de IU.").

* Estado do cliente: defina os parâmetros do estado do cliente da sua página. Os parâmetros de estado do cliente consistem em um nome, um tipo e um valor inicial. Você pode ver a visualização dos parâmetros de estado do cliente.

* Client scripts: o script automatiza aspectos da página, como manipulação de eventos.

{#nav-uib__ul_k3g_3cr_snb}
* **[Centro de aprendizado do Construtor de IU](https://servicenow-prod.fluidtopics.net/DKOAjxyq_SOO~gWmg8KYgg)**   
  Explore o Construtor de IU Centro de aprendizado para artigos, vídeos, cursos e tours guiados para ajudar você a começar e criar conhecimento. O Centro de aprendizado é um balcão único para aprender recursos fundamentais e diretrizes básicas em Construtor de IU.
* **[Tours guiados no Construtor de IU](https://servicenow-prod.fluidtopics.net/Ec9PoksHGnDSU6XpLJGg_Q)**   
  Saiba mais sobre Construtor de IU tours guiados, incluindo como usá-los para desenvolver seu conhecimento e prática usando Construtor de IU.
* **[Tema escuro no Construtor de IU](https://servicenow-prod.fluidtopics.net/obq0I~kdeehvsXpOB8iLZg)**   
  Saiba como alternar para o tema escuro em Construtor de IU.