Objetos correspondentes são objetos idênticos que existem em mais de um quadro. Por exemplo, muitos designs de app usam um cabeçalho idêntico no topo de cada quadro.
Use objetos correspondentes para economizar tempo ao selecionar, editar e em prototipagem.
Os objetos correspondentes são usados com:
- Animação inteligente: Criar animações avançadas entre objetos correspondentes durante a prototipagem
- Edição múltipla: Editar objetos em massa
- Gerenciamento de estado: Ao fazer prototipagem, compartilhe o estado dos componentes interativos, quadros com rolagem e vídeos ao navegar entre quadros com objetos correspondentes
- Interações correspondentes: Selecionar e editar interações de prototipagem em objetos correspondentes em massa
Para que dois objetos sejam considerados correspondentes, eles devem:
- Corresponder aos nomes das camadas
- Corresponder aos quadros pais
- Corresponder à hierarquia das camadas
Requisitos de correspondência de objetos
O Figma usa os seguintes termos para ajudar a definir os requisitos de correspondência de objetos:
-
Objetos pais: Objetos, como quadros, componentes e grupos, que contêm outros objetos.
- Objetos avô são objetos que contêm o objeto pai. Ancestrais são quaisquer outros objetos na hierarquia que contêm objetos filhos, pais ou avôs.
- Filhos, ou objetos filhos: objetos que estão contidos em um pai.
- Quadros de nível superior: Quadros colocados diretamente na tela de trabalho. Eles não têm quaisquer objetos pai.
Saiba mais sobre relacionamentos entre pais, filhos e irmãos.
Nota: Quadros de nível superior podem ser objetos correspondentes, mas apenas para animação inteligente ou gerenciamento de estado. Você não pode usar multi-edição ou selecionar interações correspondentes em quadros de nível superior.
Objetos em seções só podem corresponder a outros objetos dentro dessa seção.
Nomes de camadas
Os objetos devem ter o mesmo nome de camada.
Há uma exceção a esta regra:
Camadas de texto
Camadas de texto nem sempre exigem nomes de camadas idênticos. Quando você cria uma camada de texto, o nome da camada refletirá o conteúdo do próprio texto. Você tem a opção de renomear a camada de texto.
- Se as camadas de texto foram explicitamente nomeadas ou renomeadas no painel de Camadas, os nomes devem corresponder.
- Se as camadas de texto foram nomeadas implicitamente com base no conteúdo do texto, seus estilos de texto devem corresponder. Se houver vários objetos de texto correspondentes, a melhor correspondência será selecionada com base nas coordenadas x e y da camada de texto no quadro.
Quadros pais
Todos os quadros pais e ancestrais dos objetos devem ter nomes correspondentes. Os nomes dos quadros de nível superior não precisam corresponder.
Nota: Quadros de nível superior e nomes de variantes em um conjunto de componentes não precisam coincidir.
Hierarquia das camadas
Para serem considerados correspondentes, os objetos devem ter a mesma posição na hierarquia de camadas em quadros de nível superior. Por exemplo, um objeto que tem uma camada pai e avô em um quadro deve também ter uma camada pai e avô no segundo quadro.
Dica: Quando todos os requisitos correspondem, e há dois ou mais objetos com o mesmo nome em um quadro, o índice do objeto dentro do quadro pai é usado para determinar qual deles corresponde.
Identifique objetos correspondentes
Para destacar objetos correspondentes na mesma página:
- Clique para selecionar um objeto.
- Segure Shift para realçar todos os objetos correspondentes em azul claro.
Alternativamente, você pode identificar objetos correspondentes na aba Protótipo.
- Abra a aba Protótipo na barra lateral direita.
- Passe o mouse sobre um objeto ou camada na tela de trabalho.
O Figma destacará o objeto correspondente em qualquer outro quadro em que ele exista.