Se você estiver criando uma apresentação estilizada, mas não quiser empregar modelos usados ​​em excesso de PowerPoint, Google Slides ou Canva, você pode criar seus próprios modelos mestres para o seu futuro desenhos de apresentação.

Essa é uma ótima opção para quem deseja designs de apresentação temáticos ou precisa seguir um guia de estilo de marca. Continue lendo para descobrir como usar o Figma para criar modelos mestres para suas apresentações.

1. Como configurar um documento Figma para apresentações

Inscreva-se para uma conta gratuita em Figma.com, ou se você já tem uma conta, faça o login. Você pode usar o Figma diretamente no seu navegador, ou você pode baixe o aplicativo para desktop.

Abra um Novo arquivo de projeto, então clique Sem título na parte superior para renomear seu arquivo, como “Modelo mestre de apresentação”. À esquerda, clique Página 1, então o sinal de mais para adicionar uma nova página. Renomeie a nova página para “Modelo”. Isso permite que você mantenha seus slides mestres separados dos slides de design posteriormente.

instagram viewer

Para criar um quadro - o nome do Figma para uma prancheta ou tela - use o Ferramenta Quadro (F) e clique em qualquer lugar para abrir um quadro. Nas configurações do lado direito, altere o C e H atributos para um tamanho de apresentação adequado; estamos usando 1920 x 1080, que é o tamanho de tela padrão. Este será seu primeiro modelo mestre.

Clique duas vezes no título azul na parte superior do quadro para renomeá-lo. Pense no layout da página que você está planejando e nomeie-o de acordo – por exemplo, “Título superior com duas colunas” ou “Título superior com imagem à direita” seria útil.

2. Projete os layouts de apresentação

Para ajudar no design de layout, você pode usar a grade de layout. Para ativá-lo, selecione seu porta-retratos e, na barra de ferramentas à direita, clique no botão sinal de mais ao lado de Grade de Layout. Isso abre uma grade vermelha translúcida em cima do seu design.

Para criar colunas—que são mais fáceis de projetar—clique no ícone de grade pontilhada quadrada em Grade de layout e clique em Rede no menu suspenso e escolha Colunas. Defina a contagem para 12, o que é típico para design de tela. A grade não salva em seu design final. Você pode ativá-lo ou desativá-lo temporariamente usando o ícone de olho ou removê-lo permanentemente clicando no ícone de menos junto ao olho.

Quer você use a grade de layout ou não, você pode começar a adicionar componentes básicos de espaço reservado ao seu primeiro layout de slide. No geral, o layout de seus slides fica a seu critério.

3. Criar um layout de texto de duas colunas

Vamos começar com a criação de um título principal com um slide de texto de corpo de duas colunas. Para adicionar seu marcador de título, use o Ferramenta de texto (T) e digite “Espaço reservado para título”. O tamanho do texto padrão no Figma é bem pequeno, então com seu espaço reservado digitado, destaque-o e use as configurações do lado direito para aumentar o tamanho e escolher uma fonte—baixe uma fonte se necessário. Você também pode definir o kerning e outros atributos.

Para acomodar a largura do slide, aumente a largura da caixa de texto do título clicando e arrastando o canto para a direita. Deixe uma margem de cada lado. Isso significa que a caixa de texto acomodará diferentes tamanhos de título em apresentações futuras.

Para adicionar uma área de texto de corpo de duas colunas, use o Ferramenta de texto (T) e arraste a caixa de texto de acordo com sua grade de layout, deixando espaço suficiente para uma segunda coluna do mesmo tamanho próxima a ela.

Com sua caixa de texto no lugar, escolha uma fonte e tamanho adequados. Selecione a caixa de texto e duplique-a segurando Oopção (Mac) ou Alt (Windows) enquanto arrasta a caixa. Isso cria um layout de duas colunas; no entanto, você pode usar este sistema para projetar outros tipos de layouts.

4. Adicionar uma cor ou imagem de fundo

Você pode definir uma cor de fundo selecionando o quadro e indo para Encher no menu à direita para escolher uma cor. Mas se você preferir usar uma imagem, ou um conjunto de imagens, como plano de fundo, você pode. Basta arrastar sua imagem de fundo de uma pasta para o seu quadro. Você pode redimensioná-lo imediatamente arrastando os cantos para caber no seu quadro.

Se estiver usando um imagem como fundo, certifique-se de organizar a imagem na parte de trás ou na parte inferior das camadas de cada slide clicando com o botão direito do mouse e escolhendo Enviar para trás, ou arrastando-o para a parte inferior da paleta de camadas à esquerda.

Para editar ainda mais a imagem, em Encher, clique Imagem na lista suspensa. Você poderá alterar o modo de mesclagem, o fator de corte e outros aspectos. Para alterar a opacidade, altere a porcentagem ao lado do menu suspenso.

Para uma imagem individual que não seja um plano de fundo, use o Ferramenta Quadro (F) para desenhar um quadro onde você deseja que a imagem fique e arraste o arquivo do seu computador para o quadro. Então você pode usar as mesmas configurações de antes.

5. Como criar estilos de texto no Figma

Ao criar um modelo mestre, os estilos de texto devem ser consistentes em todos os slides. Isso pode ser feito manualmente definindo cada componente de texto para ser o mesmo, mas se você tiver muitos slides, isso pode ser tedioso. As boas notícias? Você pode automatizar seus estilos de texto no Figma.

Com o texto escolhido selecionado—por exemplo, uma legenda em seu estilo, fonte e tamanho preferidos—clique no quadrado de quatro pontos ao lado de Texto no menu à direita. Clique no sinal de mais para definir um novo estilo.

No pop-up, nomeie o estilo, por exemplo, “Título do slide ou corpo do texto”. Ao criar outros slides neste modelo, você pode escolher o estilo listado no menu de texto selecionando o texto e escolhendo o estilo. Para desvincular o estilo e substituir o recurso, clique no botão ícone de link quebrado que aparece ao passar o mouse sobre o título do estilo de texto.

Funciona de forma semelhante para cores. Selecione algo com a cor desejada, clique no botão do menu Figma e Ações rápidas. Digite “Selecionar tudo com o mesmo preenchimento” e ele selecionará tudo da mesma cor. Então você pode definir isso como estilo de cor sob o Encher menu da mesma forma que faz um estilo de texto. Isso funciona bem para cores de fundo simplesmente selecionando o quadro e escolhendo sua cor.

Se você ainda não está seguindo um guia de estilo, há muitos maneiras de gerar paletas de cores.

6. Criar componentes

Para poder usar seus modelos mais tarde, eles precisam ser componentes, então eles são vinculados. Para transformar o quadro em um componente, selecione o quadro atual e clique em Cmd + Opção + K (Mac) ou Ctrl + Alt + K (Janelas).

O título do quadro mudará de azul para roxo com um ícone de diamante para mostrar que agora é um componente. Em seguida, para duplicar o quadro, clique em Cmd + D (Mac) ou Ctrl + D (Windows) uma vez e arraste o novo quadro para a direita do primeiro.

Separe o componente da duplicata do original clicando com o botão direito do mouse no título do novo quadro e escolhendo Desanexar instância. Renomeie o novo slide com um título apropriado para seu layout. Adicione o novo design ao slide e torne-o seu próprio componente clicando em Cmd + Opção + K (Mac) ou Ctrl + Alt + K (Janelas). Esse processo precisa ser feito toda vez que você cria um novo slide.

Ao criar o layout de cada novo slide, use o texto pronto e os estilos de cores para economizar tempo. Conclua esse processo com quantos slides de base você precisar, garantindo que todos sejam intitulados com nomes descritivos.

7. Como usar seus slides mestres

Para usar os slides em seus designs futuros, escolha Página 1 no Páginas menu—com seu modelo sob seu próprio título—e crie um novo quadro do tamanho de uma apresentação. Em seguida, à esquerda, clique em Ativos > Componentes locais onde seus slides de modelo devem estar. Arraste os slides do modelo para o novo quadro e centralize-o. Edite os espaços reservados para seu conteúdo.

Siga este mesmo processo até que sua apresentação esteja completa.

Economize tempo criando seus próprios modelos mestres no Figma

Você pode fornecer seu modelo mestre para colegas de equipe ou colegas de trabalho, mantê-lo para uso pessoal ou até mesmo vendê-los como pacotes de design. Embora possa inicialmente parecer assustador criar um modelo de slide mestre, ele ajudará na produtividade quando você fizer apresentações futuras no Figma, economizando tempo.

Os 10 melhores recursos do Figma que todos os designers devem usar

Leia a seguir

CompartilharTweetCompartilharE-mail

Tópicos relacionados

  • Criativo
  • Produtividade
  • Apresentações
  • Projeto

Sobre o autor

Ruby Helyer (34 Artigos Publicados)

Ruby é escritora na categoria Criativa da MUO, com foco em escrever sobre software de design. Tendo trabalhado como designer, ilustradora e fotógrafa, Ruby também é bacharel em Comunicação Gráfica e mestre em Inglês com Escrita Criativa.

Mais de Ruby Helyer

Assine a nossa newsletter

Junte-se à nossa newsletter para dicas de tecnologia, análises, e-books gratuitos e ofertas exclusivas!

Clique aqui para assinar