Organize sua tela de trabalho com seções

Antes de começar

Quem pode usar esse recurso

Disponível em qualquer equipe ou plano

Qualquer pessoa com permissão para editar edição um arquivo pode criar seções

Organize sua tela de trabalho com seções rotuladas para agrupar ideias relacionadas e guiar colaboradores pelo seu arquivo.

As seções permitem:

• Separe áreas da tela de trabalho para colaboração ou geração de ideias
• Organize arquivos para facilitar a navegação
• Link para um agrupamento de designs
• Marque o conteúdo como "Ready for Development" para auxiliar no handoff para desenvolvedores

Seções no Figma Design são um elemento de nível superior na tela de trabalho por padrão. As seções podem conter todos os tipos de camadas, inclusive outras seções, mas não podem estar contidas em quadros ou grupos.

Criar uma seção

Há algumas maneiras de criar uma seção:

Barra de ferramentas e atalho

1. Clique em Seção na barra de ferramentas ou use o atalho de teclado ⇧ Shift S.
2. Clique e arraste a localização da tela de trabalho para onde você gostaria que a seção fosse.

Você também pode clicar e arrastar uma seção para os objetos que deseja adicionar a ela.

Seleção

1. Clique e arraste para a tela de trabalho os objetos que deseja adicionar a uma seção.
2. Clique com o botão direito e escolha Envolver em nova seção no menu.

Adicionar objetos à seção

Algumas formas de adicionar objetos a uma seção:

• Mover uma seção sobre um objeto
• Redimensionar uma seção sobre um objeto
• Selecione e mova um objeto para uma seção usando o mouse ou as setas do teclado

Editar uma seção

Título

1. Clique duas vezes no título da seção na tela de trabalho ou no painel de Camadas.
2. Edite o título.
3. Pressione Return ou Enter.

Preencher e traço

Altere a cor de plano de fundo e a cor da borda de uma seção usando as seções Preencher e Traço da barra lateral direita.

Aprenda a adicionar preenchimentos →

Saiba como aplicar e ajustar as propriedades do traço →

Compartilhar uma seção

Você pode direcionar colaboradores para uma seção específica em sua tela de trabalho copiando o link para essa seção.

1. Selecione a seção que você deseja compartilhar.
2. Clique em Compartilhar na barra lateral direita.

Marque uma seção como Ready for Development

Depois que o conteúdo dentro de uma seção é finalizado, você pode marcar a seção como ready for dev. Isso ajuda os desenvolvedores que usam o Dev Mode, marcando a seção para eles.

Para marcar uma seção como Ready for Development:

1. Selecione a seção.
2. Clique em Marcar como Ready for dev .
3. Para desmarcar uma seção como Ready for Dev, clique no menu de três pontos no rótulo Ready for Dev e selecione Remover status de pronto.

Atualizar o dev status

Depois de marcar uma seção como Ready for Dev, caso você faça alterações no design, o Figma altera automaticamente o Dev status para Modificado. O status Modificado ajuda os desenvolvedores a acompanharem os designs alterados após serem marcados como Ready For Dev.

Para resolver o status alterado de uma seção, clique no indicador de status Alterado e insira um motivo para a alteração. Depois, o dev status volta a ser Ready For Dev.

Saiba como gerenciar o processo de entrega para desenvolvimento →

Excluir uma seção

Para excluir uma seção e seu conteúdo:

1. Selecione a seção.
2. Pressione a tecla Delete/Backspace.

Para excluir uma seção sem excluir seu conteúdo:

1. Selecione a seção.
2. Use o atalho:
   • Mac: CommandDelete
   • Windows: ControlBackspace.

Protótipo com seções

Em protótipos, as seções ajudam a conectar fluxos em diferentes partes do seu design.

Quando você cria uma conexão com uma seção, o Figma se lembra do último quadro visitado dessa seção e retorna automaticamente para ele.

Saiba mais sobre prototipagem com seções →