Galeria de protótipos

Quem pode fazer isso: Todos os usuários
Quais planos: Todos os planos
Quais plataformas: navegador, desktop, dispositivo móvel

Crie protótipos diretamente no board usando a biblioteca de Protótipos. A biblioteca inclui elementos de UI e ícones que você pode usar para criar protótipos interativos, sozinho ou em conjunto com o recurso Crie com IA Prototype.

A Galeria de protótipos substitui a Galeria de wireframes, que se tornará obsoleta ainda este ano. Até lá, a galeria de wireframes pode ser acessada via a guia Wireframes dentro da galeria de protótipos.

Acesse a galeria de protótipos

1. Clique no ícone Mídia, ferramentas e integrações ().
2. Pesquisar por Protótipos.
3. Selecione o resultado da pesquisa de Protótipos.
4. O painel de Protótipos será aberto com guias para elementos de UI e Ícones.

Desenhar um protótipo

1. Selecione uma Tela do painel de elementos da UI e clique em qualquer lugar do board para colocá-la.
2. Arraste e solte outros elementos da UI ou ícones na tela.
3. Se estiver projetando um protótipo de várias telas, adicione linhas de conexão para adicionar interatividade entre as telas (visualizável em Visualizar):
   1. Clique em um elemento de interface que deseja conectar a uma tela diferente.
   2. Clique e arraste o ícone Linha de Conexão do elemento da UI para a tela à qual deseja conectar.

Alterar os status dos elementos de UI

Alguns elementos de UI têm opções para o seu status no protótipo, como marcar ou desmarcar uma caixa de seleção. Para acessar esses status:

1. Clique no elemento da UI no qual você deseja alterar as configurações.
   O menu de contexto aparece.
2. No menu de contexto, clique no menu suspenso Status.
3. Selecione o status desejado.

Alterar estilos de elementos

Para alterar a cor ou a fonte de um elemento da UI:

1. Clique no elemento que você deseja editar.
   O menu de contexto aparece.
2. Dependendo do elemento, você terá a opção de alterar a cor de fundo, fonte, tamanho da fonte e/ou cor da fonte.

Visualizar um protótipo

Para visualizar a prévia interativa do seu protótipo:

1. Selecione uma das telas do protótipo.
   O menu de contexto aparece.
2. Clique em Pré-visualizar.
   A pré-visualização será carregada.
3. Você pode clicar em elementos dentro do protótipo para ver suas interações — criadas com linhas de Conector — ou clicar nas setas para navegar entre as telas.

Perguntas frequentes