Como criar uma apresentação no Figma Slides

Um guia prático do Figma Slides - uma alternativa moderna ao PowerPoint e ao Keynote

27 de agosto de 2025
15 min
Exemplos de slides prontos no Figma Slides: Cores, fontes, textos, fotos e quaisquer outros elementos podem ser facilmente personalizados para atender às suas necessidades.
Conteúdo:
O que é o Figma Slides?
O Figma Slides é um complemento da Figma que facilita muito a criação de apresentações on-line. Você pode trabalhar em dois modos: Padrão ou Designer.
Neste guia, vamos nos concentrar no modo padrão básico, que abrange o trabalho com:
  • Texto
  • Imagens
  • Formas
  • Elementos interativos
  • Recursos extras
O modo Designer oferece a você o kit de ferramentas completo do Figma: Auto Layout, componentes, desfoques e outros efeitos, etc.
Guia de Figma para iniciantes
O Figma é uma das ferramentas de design mais populares e poderosas. Saiba como começar e aproveitar ao máximo seus recursos para otimizar seu fluxo de trabalho de design.
Se você nunca trabalhou com o Figma antes, é melhor ficar com o modo Standard. Ele é mais simples, mais rápido e tem tudo o que você precisa para criar uma apresentação sólida.
Primeiros passos com o Figma Slides
Abra o Figma e pressione o botão para criar uma nova apresentação no Figma Slides.
A partir daí, você pode começar com uma tela em branco ou escolher um dos modelos incorporados. Falaremos sobre modelos prontos mais tarde - por enquanto. Vamos prosseguir com um slide completamente vazio.
O botão Começar do zero permite que você comece do zero ou procure modelos pré-fabricados.
Como fazer uma ótima apresentação
Dicas para não-designers sobre como criar belas apresentações, escolher o software certo e evitar erros comuns
A seguir, você verá o espaço de trabalho do Figma Slides. Em geral, ela se parece com a interface normal do Figma:
Painel esquerdo: Configurações da apresentação - o título, as visualizações em miniatura de todos os slides e um botão para adicionar novos slides.
Barra de ferramentas inferior: Ferramentas padrão - modo de interação, texto, imagens, vídeos, formas, elementos interativos, comentários, plug-ins, biblioteca de ativos e alternância para o modo Designer.
Painel direito: Configurações para o slide selecionado no momento.
Espaço de trabalho para criar e editar slides.
Você pode criar seu layout de slide do zero ou usar um dos layouts predefinidos no menu suspenso.
Mesmo que você não acabe usando um modelo, navegar por essas predefinições pode lhe dar algumas ideias rápidas de layout.
Texto
O design da apresentação geralmente começa com o slide de título. Comece editando o título padrão do slide e veja como as configurações de texto funcionam.
Para ajustar as configurações, clique no botão "Show details" (Mostrar detalhes).
Um bom título deve ser grande e se destacar. O estilo padrão do Figma para títulos é Title, mas você pode alterá-lo a qualquer momento.
O texto tem configurações padrão, exatamente como quando se trabalha em um design no Figma:
  • Fonte
  • Peso
  • Tamanho
  • Espaçamento entre linhas (em % ou pixels)
  • Espaçamento entre letras
  • Opções de formatação: Negrito, itálico, sublinhado, listas com marcadores/numeradas, alinhamento
Tente ajustar seu título, por exemplo, aumentar o tamanho da fonte, reduzir o espaçamento entre linhas e aumentar o espaçamento entre letras.
Use um espaçamento entre linhas inferior a 100% - isso faz com que os títulos pareçam mais compactos e refinados. Quanto maior o tamanho da fonte, mais estreito deve ser o espaçamento entre linhas.
Depois de editar o título, você verá uma nota e um botão aparecerem ao lado do nome do estilo "Title" (Título). Isso significa que você pode salvar sua formatação personalizada junto com os estilos padrão do Figma. É claro que você pode excluir os estilos incorporados e criar o seu próprio, mas geralmente é mais rápido ajustar um estilo existente.
Os estilos no Figma funcionam de forma semelhante aos do Google Slides: Você pode aplicar um estilo predefinido a qualquer texto e editá-lo posteriormente. Por exemplo, todos os títulos de slides usam o estilo "Cabeçalho 2". Se você ajustar suas configurações, essas alterações serão aplicadas automaticamente a todos os títulos.
Agora, nossa tarefa é personalizar o estilo "Title" (Título).
Para o subtítulo sob o título principal, o estilo "Body 1" é aplicado por padrão. Ajuste as configurações de estilo e digite seu próprio texto.
Certifique-se de que haja espaçamento suficiente para que o título não fique apertado em relação ao subtítulo.
O Figma Slides tem um recurso de IA integrado chamado Adjust tone (ajustar tom), que permite alterar rapidamente o estilo de escrita - de casual e amigável a formal e profissional.
Cor
Depois que a tipografia estiver definida, talvez você queira dar à sua apresentação uma aparência mais elegante. Vamos deixar o fundo do slide preto e o texto branco.
Quando você muda para um fundo escuro, o Figma altera automaticamente o texto para branco.
Você também pode usar um preenchimento gradiente ou definir uma imagem de fundo. Experimente diferentes opções e escolha a que mais lhe agrada.
Se você usar um gradiente, certifique-se de que o texto permaneça legível.
Formas
As formas podem ser puramente decorativas, ajudar a enfatizar seu conteúdo ou atuar como parte da identidade de sua marca. Vamos adicionar algumas e ver o que podemos fazer. Comece com uma forma de diamante.
Se estiver usando uma forma como parte da sua marca, repita-a em alguns outros slides para que a aparência permaneça consistente.
No Tilda, você pode criar formas personalizadas ou editar as existentes usando o editor de vetores integrado. Você pode usá-las imediatamente em seus projetos do Tilda ou fazer download e usá-las em outros lugares, inclusive no Figma Slides.
Você sabia?
Preencha o diamante com a cor de destaque de sua marca. Em seguida, adicione um círculo em um canto - outro elemento do seu guia de estilo.
Se apenas parte de uma forma for colocada no slide, a parte cortada não aparecerá no modo de apresentação. O Figma destaca tudo o que estiver fora da tela e será cortado.
Isso nos dá um slide de título limpo, mas elegante, com um título, uma breve descrição e elementos de design de marca.
Imagens
A adição de imagens funciona da mesma forma que no Figma normal. Por exemplo, coloque um padrão abstrato no plano de fundo, estique-o para preencher o slide e diminua sua opacidade para que o plano de fundo preto apareça. Dessa forma, a imagem parece mais escura e se mistura com o tema geral.
As configurações de imagem também são idênticas às do Figma:
1
Preencher, Cortar, Ajustar ou Ladrilhar
2
Sobreposição
3
Desfoque
Se precisar de várias imagens em um slide, você pode organizá-las manualmente ou usar um modelo.
Na seção "Corners" (Cantos), também é possível arredondar os cantos da imagem.
Elementos interativos
Os slides podem incluir recursos interativos. Por exemplo, se você quiser fazer uma pergunta e respondê-la ao vivo durante a apresentação, abra a guia "Interação ao vivo" no menu inferior.
Para manter o layout limpo, não sobrecarregue os slides interativos com muitos elementos.
Nessa seção, é possível selecionar:
  • Enquete (deixe o público votar em tempo real)
  • Selos (permitem que os espectadores marquem que viram um slide)
  • Alinhamento (uma escala de classificação para mostrar os resultados da pesquisa)
  • Protótipo (incorpore qualquer protótipo interativo que você já tenha criado no Figma)
Adicione uma enquete ao slide e altere-a para preto para combinar com o tema escuro. Em seguida, substitua o texto do espaço reservado.
Você pode tornar o plano de fundo da enquete transparente desativando a opção Plano de fundo.
Alterne para o modo "Protótipo" e vote em uma opção para ver como ela funciona.
Agora você adicionou interatividade usando as ferramentas integradas do Figma Slides. Em seguida, vamos criar um slide para a parte principal de sua apresentação.
Plugins
Agora que você sabe como adicionar texto e formas, experimente adicionar mais elementos ao seu slide.
Dica: Uma maneira fácil de criar subtítulos é colocar o texto em cima de retângulos arredondados laranja.
Selecione todos os elementos em seu slide e abra a guia "Actions" (Ações). Aqui você encontrará plug-ins e outras ferramentas disponíveis. A lista é atualizada com sugestões, geralmente destacando as que melhor correspondem à sua seleção atual.
Os atalhos de teclado funcionam da mesma forma que no Figma padrão.
Tente adicionar uma imagem por meio de um plug-in.
A biblioteca de plug-ins funciona da mesma forma que no Figma padrão.
Mais de 40 plug-ins obrigatórios do Figma para designers em 2025
Os plug-ins do Figma permitem que você amplie a funcionalidade da ferramenta. Aqui está uma seleção escolhida a dedo para designers e usuários ocasionais do Figma.
Na seção de fotos de estoque, escolha uma imagem que se encaixe no tema da apresentação e solte-a no slide.
Notas de slides
Se você estiver preocupado em esquecer pontos importantes da apresentação, as anotações do slide são suas melhores amigas. O campo de anotações está localizado abaixo do slide - adicione o que quiser lembrar e, em seguida, abra a apresentação no modo "Apresentar".
No modo "Protótipo", há duas maneiras de apresentar slides:
  • Presente: O público não verá suas anotações
  • Apresentar + anotações: As anotações ficarão visíveis durante a apresentação
Ativos
O Figma Slides tem uma guia "Assets" (Ativos) com duas seções principais:
  • Outras ferramentas: Tabela, bloco de código e número do slide
  • Bibliotecas: Gráficos, ícones ou sua própria biblioteca personalizada
Se você usar ícones em sua apresentação, mantenha um único conjunto. A mistura de ícones preenchidos e delineados nos slides quebrará o estilo visual.
Crie um quarto slide e adicione um número de slide a ele.
Adicione um cabeçalho de slide usando o estilo "Header 1" e, em seguida, insira um elemento da biblioteca Assets.
Agora você criou quatro slides simples e básicos que podem deixá-lo em dúvida: "Onde estão todos os efeitos legais como no PowerPoint, com texto e imagens voando?"
Efeitos de animação e transições no Figma Slides
Você pode animar elementos individuais ou slides inteiros. Isso ajuda a chamar a atenção para os pontos principais ou a envolver novamente o público quando o foco começa a se desviar.
As configurações de animação estão na guia "Animate" (Animar). Aqui você pode:
  • Definir uma transição de slides (como um slide muda para o próximo)
  • Adicionar animações de objeto (animações para elementos específicos)
As animações são desativadas por padrão.
Vamos voltar ao primeiro slide e tentar definir uma transição. Escolha Smart animate e explore as opções:
  • Estilo (o tipo de animação)
  • Curva (como o movimento acelera ou desacelera)
  • Duração (quanto tempo dura a animação)
  • Tempo (se é executado automaticamente com um atraso ou ao clicar)
Se você não tiver certeza de qual estilo escolher, opte pelo Smart Animate.
Deixe as configurações padrão, alterne para o modo "Apresentação" e veja-o em ação.
Para animar a aparência de uma forma, selecione o objeto e adicione uma animação a ele.
Se quiser fazer com que um círculo apareça mais lentamente, defina sua duração para 900 ms.
Para visualizá-lo, entre no modo "Apresentação" e clique em qualquer lugar da tela.
Você já explorou a ferramenta e agora pode dar uma olhada nos modelos disponíveis e nas finalidades para as quais eles são mais adequados.
Modelos de apresentação
Os modelos economizam tempo, pois oferecem slides prontos para uso que podem ser ajustados de acordo com suas necessidades. É por isso que exploramos o Figma Slides primeiro - para que você possa personalizar os modelos com confiança, sem se preocupar em "quebrá-los".
Apresentação de portfólio. Perfeito para se apresentar e apresentar seu trabalho. O envio de uma apresentação de portfólio para um possível empregador pode ajudá-lo a se destacar.
Um modelo de portfólio permite que você:
  • Destaque suas habilidades
  • Mostrar métricas de desempenho
  • Apresentar estudos de caso
  • Exiba seu trabalho em maquetes
  • Compartilhe seu histórico de carreira
Modelos para apresentações de portfólio.
Apresentação de produtos. Excelente para mostrar um novo produto ou serviço. Por exemplo, quando você tiver concluído um projeto, coletado métricas e preparado recursos visuais para uma apresentação ao cliente.
Um modelo de produto permite que você:
  • Destacar as principais métricas
  • Apresente os princípios de seu produto
  • Apresente uma citação impactante
  • Mostre a interface de seu produto em todos os dispositivos
  • Compartilhe resultados de pesquisas ou questionários
Modelos para apresentação de produtos.
Apresentação de resultados de pesquisa. Ideal para apresentar descobertas, insights e estatísticas analisadas obtidas em um projeto de pesquisa ou levantamento. Em vez de enviar um documento de texto simples, o uso de slides elegantes e bem estruturados torna seus dados muito mais impactantes.
Um modelo de resultados de pesquisa permite que você:
  • Apresentar os recursos estudados
  • Mostrar uma análise comparativa
  • Destaque a funcionalidade mais importante
Modelos para apresentação de pesquisas.
Apresentação de estratégia de marketing. Ideal para mostrar planos gerais de maneira refinada. Por exemplo, ao apresentar pesquisas de mercado ou da concorrência, um plano de conteúdo e metas de longo prazo da empresa.
Um modelo de estratégia de marketing permite que você:
  • Mostrar números-alvo a serem atingidos
  • Apresentar os resultados da pesquisa de segmento de público-alvo
  • Defina o perfil de seu cliente ideal
  • Compartilhe os resultados da pesquisa
Modelos de apresentação de estratégia de marketing.
Os modelos são convenientes e legais, mas como usá-los na vida real?
Personalização de um modelo de slide
Vamos usar um slide do modelo de resultados de pesquisa como exemplo.
Se você não estiver confiante no design, evite fazer alterações drásticas no layout - mantenha a composição geral intacta.
Aqui está uma personalização simples:
  • Adicione o nome da sua equipe e a data atual nos cantos inferiores
  • Adicione uma breve descrição no lado esquerdo, juntamente com um link para resultados detalhados
Para inserir um hiperlink, selecione o texto e pressione Ctrl/Cmd+Shift+U.
Em seguida, preencha mais detalhes:
  • Adicione o valor percentual relevante
  • Adicione um rótulo curto para explicar o que o número representa
Se o texto abaixo da porcentagem não couber, ajuste o tamanho da fonte nas configurações
Agora, vamos experimentar os acentos de tamanho no slide:
1
Remova o rótulo acima da porcentagem
2
Ampliar o número
3
Reduzir o tamanho da fonte do rótulo abaixo da porcentagem
4
Remover o link
E é assim que você substitui o conteúdo padrão pelo seu, mas pode ir ainda mais longe, personalizando cores, fontes, layout etc. Para fazer isso, mude para o modo "Designer", mas lembre-se de que isso requer um conhecimento mais aprofundado do Figma.
Se você não quiser usar o Figma para criar apresentações, há opções alternativas. No Tilda, você pode transformar qualquer página em uma apresentação on-line adicionando um bloco especial-T203 da categoria Outros. Esse recurso adapta sua página para visualização em tela cheia, permitindo clicar em cada tela como se fossem slides. Isso possibilita gerenciar tudo em um só lugar, eliminando a necessidade de exportar arquivos ou alternar entre ferramentas.

Se você gostou do artigo, compartilhe-o com seus amigos. Obrigado!

Leia também:
Livro de curso gratuito sobre como projetar, configurar e executar páginas de destino de alta conversão em
Saiba mais

Guia prático gratuito para animação na Web com exemplos e técnicas,

e dicas sobre como usá-los

Explorar