Antes de começar
Quem pode usar esse recurso
Disponível em qualquer equipe ou plano.
Qualquer pessoa com permissão para editar o arquivo pode ajustar as configurações do protótipo.
Você pode controlar como um protótipo aparece para os usuários tanto no modo de apresentação quanto em visualizar em linha. Isso pode ajudar a tornar um protótipo mais realista ou alinhado à marca.
Acessar configurações do protótipo
Para acessar as configurações do protótipo:
- Desmarque todos os objetos clicando em uma parte vazia da tela de trabalho.
- Selecione a aba Protótipo na barra lateral direita.
- Dispositivo: Personalize o tipo de dispositivo, orientação e modelo usados no modo de apresentação.
- Plano de fundo: Defina a cor de plano de fundo ao reproduzir protótipos no modo de apresentação.
- Fluxos: Visualize e gerencie os fluxos de protótipo na página atual. Saiba mais sobre fluxos de protótipo →
Dispositivo
Use as configurações de Dispositivo para colocar seu protótipo em um contêiner realista. Você verá o contêiner do dispositivo quando reproduzir seu protótipo usando o visualizar em linha ou o modo de apresentação.
Dispositivo
O Figma possui uma série de predefinições de dispositivos populares. As dimensões dos seus quadros de protótipo definirão quais opções estão disponíveis.
-
Predefinição de quadro: Se você usou uma predefinição de quadro, o Figma selecionará um dispositivo que corresponde a essa predefinição. Você pode selecionar outro dispositivo se desejar. Por exemplo, se você usar a predefinição de quadro do iPhone 15 Pro Max, o Figma também selecionará o iPhone 15 Pro Max como o dispositivo.
- Modo de apresentação: Todas as predefinições de quadro de tipo de dispositivo estão disponíveis
- Visualizar em linha: Apenas predefinições de quadros de dispositivos móveis (telefone, relógio e tablet) estão disponíveis
- Tamanho Personalizado (Ajustar): Um tamanho personalizado ajusta automaticamente o design, para que se encaixe na tela que você está visualizando o protótipo. Aplica-se apenas ao modo de apresentação—se você selecionar Tamanho personalizado, não verá um dispositivo ao reproduzir um protótipo em visualizar em linha.
- Apresentação (Completa): Exibe o protótipo em um tamanho que permite que ele seja exibido na tela em sua totalidade. Aplica-se apenas ao modo de apresentação—se você selecionar Apresentação, não verá um dispositivo ao reproduzir um protótipo em visualizar em linha.
Orientação
Controle a orientação do dispositivo no modo de apresentação. Escolha entre:
- Retrato
- Paisagem
Nota: Não é possível alternar entre orientações dentro de um protótipo. Isso é algo para se ter em mente se você tiver quadros no seu protótipo em ambas as orientações.
Modelo
Dependendo do dispositivo selecionado, você pode especificar um determinado modelo. Por exemplo, o iPhone 15 Pro Max vem em quatro cores diferentes.
Visualizar
Visualize como o dispositivo ficará no modo de apresentação.
Plano de fundo
Escolha um plano de fundo personalizado para aparecer atrás do dispositivo selecionado no modo de apresentação.
Por exemplo, você pode definir o plano de fundo para uma cor neutra para ajudar os usuários a focarem no conteúdo, ou usar uma cor da marca para dar um toque extra.