Relacionamentos entre pais, filhos e irmãos
Antes de você começar
Quem pode usar este recurso
Usuários de qualquer plano
Os conceitos descritos aqui são válidos para qualquer nível de acesso. Esses termos não são específicos do Figma, mas ajudarão você a entender alguns comportamentos e dependências no Figma.
Usamos os termos pai, filho e irmão para descrever os relacionamentos entre objetos no Figma.
Esses termos são comumente usados para explicar relacionamentos semelhantes no desenvolvimento ou na programação web.
Neste artigo, esclarecemos o que queremos dizer quando usamos esses termos.
Se você tem experiência em programação orientada a objetos (OOP), esses relacionamentos são um pouco diferentes. As relações pai/filho no Figma não estão realmente relacionadas à herança.
No Figma, essas relações funcionam mais como o modelo de documento por objetos (DOM). Ou seja, contêineres com elementos dentro deles.
Pais, filhos e irmãos
Usamos esses termos para explicar como os objetos se relacionam com outros objetos no canvas.
Os pais são objetos, ou seja, estruturas, componentes e grupos, que contêm outros objetos.
Os filhos são objetos que estão contidos em um pai.
Os irmãos são objetos que estão contidos no mesmo pai.
- Em uma estrutura que contém objetos, a estrutura é um pai e todos os objetos contidos nela são filhos.
- Uma estrutura por si só não é automaticamente um pai. Ela só é um pai se houver objetos dentro dela.
- Se um pai contiver mais de um objeto, os objetos filhos serão irmãos.
- Objetos, como estruturas, grupos e componentes, podem ser pais e filhos.
Interações entre pai e filho
Embora esses termos não sejam explicitamente usados no produto, são importantes para entender como os objetos se comportam e se relacionam uns com os outros no Figma.
Diferentemente de suas contrapartes biológicas, eles funcionam como recipientes (pais) e conteúdos (filhos) que se influenciam mutuamente. Em vez de uma linhagem definida com herança explícita.
Propriedades
Há relacionamentos entre pais e filhos que envolvem influência. Em muitas circunstâncias, o pai será uma estrutura.
Você pode adicionar as seguintes propriedades a uma estrutura que influenciam todos os seus objetos filhos:
- Grades de layout: crie uma estrutura visual para seus designs
- Layout automático: crie estruturas dinâmicas que respondam ao seu conteúdo
- Recortar conteúdo: oculte todos os objetos dentro da estrutura que se estendem além dos limites da estrutura
Você também pode adicionar propriedades a um objeto filho:
- Restrições: defina como os objetos filhos responderão quando você redimensionar a estrutura pai
Comportamento dos pais
Quando você move um objeto no canvas para um novo local, o Figma decide se deve ou não dar um novo pai ao objeto.
Dar um novo pai significa que o objeto é retirado do objeto pai atual e aninhado em outro objeto pai. Por exemplo, você pode mover um objeto de uma estrutura pai para outra estrutura.
O Figma usa a mesma lógica para a criação de pais quando você adiciona novos objetos a uma estrutura.
O comportamento padrão é:
- Se um objeto for menor que uma estrutura, ele será considerado um filho da estrutura
- Se um objeto for maior que uma estrutura, não o tornaremos um elemento filho
Ignorar o comportamento padrão
Você pode optar por ignorar o comportamento padrão:
- Ao adicionar objetos, mantenha pressionada a barra de espaço para evitar que o Figma dê um novo pai a um objeto
- Ao mover um objeto para fora dos limites de uma estrutura, mantenha pressionada a barra de espaço para manter um objeto dentro do pai atual