Como usar a ferramenta Slice no Figma

Aprenda a usar a Ferramenta Slice no Figma para exportar partes específicas de um design, como ícones, elementos de interface ou secções. Siga este tutorial rápido e crie guias com o Trupeer.

Crie vídeos e documentação de produto impressionantes com IA

Este tutorial foi criado com o Trupeer em menos de 5 minutos

Crie gratuitamente

Guia Passo a Passo: Como Usar a Ferramenta Slice no Figma

Passo 1

Para começar, navegue até ao menu de formatação no Figma e clique na opção de ferramentas regionais.

To begin, navigate to the formatting menu in Figma and click on the regional tools option.

Passo 2

Das opções disponíveis, selecione a opção slice para ativar a ferramenta.

From the available options, select the slice option to activate the tool.

Passo 3

Com o rato, selecione o objeto que pretende cortar.

Using your mouse, select the object you want to slice.

Passo 4

Clique na opção de exportação para continuar.

Click on the export option to proceed further.

Passo 5

Ser-lhe-á apresentada uma opção para exportar a fatia.

You will be presented with an option to export the slice.

Dicas Profissionais para Usar a Ferramenta Slice no Figma

  1. Ative Rapidamente com o Atalho
    Prima S no teclado para ativar instantaneamente a Ferramenta Slice sem navegar pelo menu.

  2. Dê Nomes Claros aos Seus Slices
    Antes de exportar, atribua a cada slice um nome descritivo no painel de camadas. Isto ajuda a manter os ficheiros exportados organizados.

  3. Use Slices para Exportação em Lote
    Coloque vários slices sobre diferentes partes do seu design e, depois, exporte-os todos de uma vez para criar assets mais rapidamente.

  4. Alinhe os Slices à Grelha de Pixels
    Para exportações nítidas, certifique-se de que os limites do slice estão alinhados com pixels inteiros. Use a grelha de pixels (Ctrl + ‘ / Cmd + ‘) para verificar o alinhamento.

  5. Combine com Predefinições de Exportação
    Configure predefinições de exportação (por exemplo, PNG @2x, JPG) para os seus slices, para poder reutilizar as definições sem as ajustar sempre.

Erros Comuns e Como Evitá-los

  1. Usar Slices para Ecrãs Inteiros Sem Necessidade
    Não precisa de slices para exportar frames inteiros — use a opção de exportação diretamente no frame para poupar tempo.

  2. Limites dos Slices Desalinhados
    Se os slices estiverem fora da grelha de pixels, as exportações podem ficar desfocadas. Verifique sempre o alinhamento da grelha antes de exportar.

  3. Esquecer-se de Selecionar a Camada Slice
    Tentar exportar sem selecionar a camada slice não vai funcionar. Certifique-se de que o próprio slice está realçado no painel de camadas.

  4. Slices Sobrepostos por Acidente
    As sobreposições podem causar exportações duplicadas ou confusas. Mantenha os slices separados, a menos que seja intencional.

  5. Exportar Sem Verificar os Fundos
    Os slices capturam exatamente o que está por baixo deles. Se o fundo não fizer parte da seleção, o ficheiro exportado pode ficar incompleto.

FAQs comuns sobre a utilização da ferramenta Slice no Figma

  1. Para que serve a Slice Tool?
    Permite definir áreas específicas de exportação no teu design sem afetar o layout. Perfeita para exportar ícones, botões ou secções personalizadas.

  2. Posso redimensionar um slice depois de o criar?
    Sim, os slices são editáveis tal como as formas. Arrasta os cantos ou ajusta as dimensões no painel de propriedades.

  3. Os slices afetam o design?
    Não, são apenas marcadores de exportação e não aparecerão no design final.

  4. Posso exportar vários slices de uma vez?
    Sim, seleciona vários slices no painel de camadas e exporta-os em conjunto.

  5. Os slices são suportados na versão do Figma para navegador?
    Sim, podes criar e exportar slices tanto na versão de ambiente de trabalho como na versão para navegador do Figma.

  6. Como gravar o ecrã num Mac? 
    Para gravar o ecrã num Mac, podes usar o Trupeer AI. Permite capturar o ecrã inteiro e oferece capacidades de IA, como adicionar avatares de IA, adicionar narração e fazer zoom in e out no vídeo. Com a funcionalidade de tradução de vídeo por IA do trupeer, podes traduzir o vídeo para mais de 30 idiomas. 

  7. Como adicionar um avatar de IA a uma gravação de ecrã?
    Para adicionar um avatar de IA a uma gravação de ecrã, vais precisar de usar uma ferramenta de gravação de ecrã com IA. O Trupeer AI é uma ferramenta de gravação de ecrã com IA, que te ajuda a criar vídeos com vários avatares e também te ajuda a criar o teu próprio avatar para o vídeo.

  8. Como gravar o ecrã no Windows?
    Para gravar o ecrã no Windows, podes usar a Game Bar integrada (Windows + G) ou uma ferramenta de IA avançada como o Trupeer AI para funcionalidades mais avançadas, como avatares de IA, narração, tradução, etc.

  9. Como adicionar narração a um vídeo?
    Para adicionar narração a vídeos, descarrega a extensão do Chrome do trupeer ai. Depois de te registares, carrega o teu vídeo com voz, escolhe a narração pretendida no trupeer e exporta o teu vídeo editado. 

  10. Como faço zoom numa gravação de ecrã?
    Para aproximar durante uma gravação de ecrã, usa os efeitos de zoom no Trupeer AI, que te permitem ampliar e reduzir em momentos específicos, melhorando o impacto visual do conteúdo do teu vídeo.

Leituras sugeridas

Gerador de documentação técnica

Guia do manual do utilizador

Software de base de conhecimento

Como ocultar os nomes dos frames no Figma

Como guardar um ficheiro Figma

Como criar uma grelha no Figma

Como criar uma grelha no Figma

Como desfocar o fundo no Figma

Precisa de um editor de vídeo, tradutor e argumentista?

Experimente o Trupeer gratuitamente

Marcar uma demonstração

Precisa de um editor de vídeo, tradutor e argumentista?

Experimente o Trupeer gratuitamente

Marcar uma demonstração

Precisa de um editor de vídeo, tradutor e argumentista?

Experimente o Trupeer gratuitamente

Marcar uma demonstração

This entire page from video to step-by-step guide was made with Trupeer AI in minutes.

This entire page from video to step-by-step guide was made with Trupeer AI in minutes.

This entire page from video to step-by-step guide was made with Trupeer AI in minutes.