Exportar seus slides para o Google Slides

Exporte slides do Figma para o Google Slides com um upload direto e privado ou baixe um arquivo .pptx para importar manualmente.

Vídeo tutorial: exporte apresentações para o Google Slides

Este vídeo mostra como exportar os designs das suas apresentações do Figma para o Google Slides usando o plugin Pitchdeck.

Vídeo tutorial: adicione slides mestres às exportações para PowerPoint a partir do Figma

Este vídeo mostra como exportar um arquivo do PowerPoint a partir do Figma (com slides mestres) usando o plugin Pitchdeck.

Vídeo tutorial: exporte do Figma Slides para o Google Slides

Este vídeo mostra como exportar a sua apresentação do Figma Slides para o Google Slides usando o plugin Pitchdeck

Para usar esta opção, clique no botão Export na barra de ferramentas do Pitchdeck e escolha um dos formatos de exportação para o Google Slides:

  • Google Slides (Direct API Upload) cria uma nova apresentação no Google Drive conectado e a abre no Google Slides. Primeiro, conecte a sua conta do Google pelo painel de exportação. O Pitchdeck lembra a conexão entre arquivos do Figma, e você pode sair ou trocar de conta pelo mesmo painel.
  • Google Slides (.pptx file) baixa um arquivo .pptx local que você pode importar manualmente. Essa opção continua disponível quando você não quer conectar o Google ou precisa de uma cópia local.

Configure as demais opções de exportação e clique em Upload to Google Slides ou Export for Google Slides para começar.

No upload direto, os dados da apresentação vão do plugin Pitchdeck para o Google Drive. O serviço OAuth da Hypermatic intermedeia a conexão, mas não armazena nem repassa o arquivo da sua apresentação.

Animações e vídeos não são incluídos no arquivo .pptx exportado para o Google Slides. As animações ou os vídeos incorporados no plugin Pitchdeck não são incluídos na exportação para PowerPoint. Eles só são usados em uma apresentação enviada para o app web do Pitchdeck.

Usar imagens Retina @2x ​

Ativar a opção 2x Retina Images exporta automaticamente todas as imagens JPG e PNG em resolução Retina (@2x). Isso deixa as imagens da apresentação mais nítidas, mas também aumenta o tamanho dos arquivos de todas as imagens JPG e PNG.

Comprimir imagens ​

Ativar a opção Compress Images comprime todas as imagens JPG e PNG usadas na sua apresentação.

Reduzir os preenchimentos das camadas do Figma ​

Ativar a opção Downsize Large Figma Image Fills redimensiona automaticamente (e comprime levemente) todos os preenchimentos de imagem do Figma nas suas camadas para o tamanho real da camada. Isso é útil se você importou imagens em alta resolução para o seu arquivo do Figma, mas depois reduziu bastante as dimensões da camada (com o arquivo de imagem grande original ainda sendo usado).

Um caso comum é adicionar uma imagem grande do Unsplash (ou de outro site ou plugin de banco de imagens) e depois redimensionar essa camada para usá-la como uma imagem bem menor, de “card” ou “avatar”. Isso pode deixar o seu arquivo do Figma lento e até fazê-lo travar ao exportar essas camadas pelas opções de exportação do Pitchdeck; usar esse recurso ajuda a reduzir o tamanho do arquivo e a melhorar o desempenho da página no seu arquivo do Figma.

Usar texto editável ​

Use Editable Text mantém o texto comum do Figma editável, inclusive em frames, grupos e Auto Layout aninhados, com ou sem Smart Auto Layout. O aninhamento por si só não gera imagens. Com a opção desligada, o texto fica nas imagens. [PNG] no nome do texto ou do pai força uma imagem. Texto já convertido em vetores ou incorporado a imagens não pode ser recuperado.

Texto que depende de máscaras, recortes, efeitos, preenchimentos de gradiente/imagem ou composições sobrepostas incompatíveis pode ficar como imagem para preservar a aparência. Os avisos indicam as camadas e o motivo. O restante continua editável; fontes ausentes e estilos simplificados são informados separadamente. Use os links para revisar as camadas, remova o efeito para manter o texto editável ou adicione [PNG] para preservar o grupo como imagem.

Caminhos circulares e elípticos compatíveis continuam como WordArt editável no PowerPoint. Os demais ficam como imagens e aparecem nos avisos. Google Slides e Keynote usam imagens para texto em caminhos, sem endireitar o texto ou separá-lo em caixas por caractere.

Com o texto editável ativado, o .pptx exportado pode manter o texto completo de uma camada, incluindo partes cortadas, mascaradas, transparentes ou cobertas por outras camadas no Figma. Essas partes podem ficar visíveis ao editar a apresentação. Remova da camada de origem, antes de exportar, todo texto que você não quer incluir.

Com o Smart Auto Layout desativado, o Pitchdeck traz à tona o texto aninhado, mantém a arte dos filhos diretos como objetos móveis separados e combina o restante da arte em uma imagem de fundo do slide. A arte que depende de recorte ou de mesclagem com camadas vizinhas fica no fundo composto.

Instale ou substitua as fontes personalizadas. Abrir o arquivo .pptx exportado em um computador que não tem instaladas as fontes usadas no Figma faz o texto ficar diferente do design do Figma. Instale as fontes necessárias ou substitua as fontes ausentes no PowerPoint/Keynote/Google Slides quando preciso.

Se você quer impedir que algumas camadas sejam renderizadas como texto formatado nas exportações .pptx, inclua [PNG] em qualquer parte do nome de uma camada pai (por exemplo, Frame, Group, Component, Instance) que contenha as suas camadas de texto. Assim, todas as camadas de texto aninhadas nessa camada pai deixam de ser exportadas como texto formatado nas exportações para PowerPoint, e a camada inteira é renderizada como uma imagem estática. Você também pode adicionar [PNG] ao nome da própria camada de texto. Essa exceção se aplica mesmo com Use Editable Text ativado.

O texto usado como placeholder de slide mestre aceita um único valor de transparência por camada de texto. Se uma camada de texto do Figma misturar valores de opacidade diferentes, divida-a em camadas de texto separadas antes de exportar, quando essa diferença precisar continuar editável em um layout mestre.

Manter o Auto Layout e as camadas aninhadas editáveis (Beta) ​

Ative Smart Auto Layout & Nested Layers (Beta) para exportar como objetos separados os filhos de frames, grupos, componentes e instâncias seguros com estilo de layout, incluindo contêineres com Auto Layout, mantendo as posições do Figma. Os objetos que não são texto mantêm a ordem de empilhamento relativa, com o texto editável acima deles. Se um contêiner seguro tiver o próprio preenchimento, o Pitchdeck exporta esse fundo separadamente, abaixo dos filhos compatíveis. Combine essa opção com Use Editable Text para manter as camadas de texto aninhadas editáveis. O beta controla apenas a decomposição das camadas aninhadas; as melhorias de texto, transparência e formas nativas descritas abaixo valem para todas as exportações PPTX.

O Pitchdeck mantém como formas nativas da apresentação os retângulos sólidos, elipses, linhas com pontas retas, a transparência e as bordas individuais (por exemplo, uma borda inferior) compatíveis. Com o beta ativado, o texto, os marcadores, os ícones, as imagens e as linhas compatíveis aninhados em contêineres seguros também podem ficar separados do fundo do contêiner. Composições de ícones e logos feitas só de vetores ficam juntas como um único objeto selecionável, em vez de serem divididas em caminhos individuais.

Nas exportações para PowerPoint, os contornos circulares simples compatíveis na arte vetorial também podem continuar como formas nativas editáveis. Elipses tracejadas ficam como arte para preservar o espaçamento dos traços.

O PowerPoint e o Keynote mantêm a transparência do texto editável armazenada no .pptx. O Google Slides mantém a transparência das formas e linhas nativas durante a conversão, mas pode deixar opacas as cores do texto editável, porque o modelo de cor de texto nativo dele não oferece transparência. Se o texto translúcido exato for mais importante do que a edição no Google Slides, adicione [PNG] ao nome dessa camada de texto ou de uma camada pai, para que o Pitchdeck mantenha a aparência dela em uma imagem.

Smart Auto Layout é opcional e não modifica o original do Figma. Texto e arte são separados quando isso é seguro; composições inseparáveis ficam juntas como imagem, com um aviso para o texto afetado.

Renderizar listas com marcadores ou numeradas ​

Ativar a opção Render Bullet/Number Lists exporta o arquivo .pptx mantendo as listas criadas nas camadas de texto do Figma.

Cada quebra de parágrafo em uma lista do Figma vira um novo item com marcador ou numerado na exportação compatível com o PowerPoint. As quebras de linha simples ficam dentro do item atual, as listas numeradas continuam em sequência, e parágrafos normais podem ficar fora da lista ao lado de parágrafos de lista na mesma camada de texto.

O Google Slides usa um caminho de conversão separado. Para ter os resultados mais previsíveis no Google Slides, mantenha cada lista na própria camada de texto do Figma e mova o texto normal para outra camada.

Incluir números de slide ​

Ativar a opção Include Slide Number exporta o arquivo .pptx com a numeração das páginas. Isso adiciona automaticamente um número de página a cada slide, na posição que você definir. Para mudar a posição dos números dos slides, use as caixas de seleção de posicionamento horizontal (com as opções Left, Center ou Right) e vertical (com as opções Top, Center ou Bottom).

Usar componentes do Figma como slides mestres ​

Vídeo tutorial: adicione slides mestres às exportações para PowerPoint a partir do Figma

Este vídeo mostra como exportar um arquivo do PowerPoint a partir do Figma (com slides mestres) usando o plugin Pitchdeck.

Ativar a opção Create Master Slides from Components exporta o arquivo .pptx usando automaticamente os slides criados como componentes do Figma como “slides mestres”, que podem ser reutilizados como templates para criar novos slides no PowerPoint, Keynote ou Google Slides.

Placeholders de imagem só são compatíveis com o PowerPoint As imagens (que não estejam bloqueadas; veja a dica abaixo) viram placeholders nos slides mestres quando a opção de exportação PowerPoint está selecionada. Infelizmente, as opções de exportação Google Slides e Keynote não aceitam placeholders de imagem, então todo o conteúdo de imagem fica estático nos templates de slide mestre.

Impedir que algumas camadas de imagem virem placeholders. Por padrão, todas as imagens (exceto o fundo do slide) viram espaços de placeholder nos slides mestres. Se você quer manter algum desses elementos de imagem estático, use Lock nessas camadas do Figma (no painel principal de camadas do Figma). Assim, as camadas de imagem bloqueadas ficam “como estão” no slide mestre.

Atualizar os slides depois de editar um slide mestre no PowerPoint. Se você atualizar um slide mestre no PowerPoint e as mudanças não aparecerem logo nos slides que já usam aquele layout, selecione os slides afetados e clique em Home > Reset (ao lado de New Slide) para reaplicar o layout e atualizar a formatação herdada. Veja este vídeo curto com o passo a passo.

Baixar o arquivo .pptx ​

Depois de clicar no botão Export, aparece uma tela de confirmação avisando que o arquivo .pptx está pronto para baixar. Para baixar o arquivo .pptx do Figma para o seu computador, clique no botão Download your .pptx file no plugin Pitchdeck.

Salvar arquivos baixados do Figma Se você usa o app para desktop do Figma, aparece uma janela para baixar o arquivo. Mas, se você usa o Figma em um navegador, o arquivo é baixado automaticamente para o seu computador por padrão (normalmente para a pasta Downloads).

Atualizar uma apresentação existente do Google Slides ​

Use Google Slides (Direct API Upload) para substituir uma apresentação criada antes pelo upload direto do Pitchdeck. A apresentação precisa ser sua na conta do Google conectada.

  1. Selecione os slides do Figma que quer exportar e abra as configurações de upload direto para o Google Slides.
  2. Copie o ID da apresentação na URL dela no Google Slides: o texto entre /d/ e /edit.
  3. Cole o ID em Update Existing Presentation (Optional).
  4. Marque Replace the Entire Deck e clique em Replace Google Slides Deck.

A apresentação mantém a URL, mas todo o conteúdo dos slides é substituído pelos slides do Figma selecionados. Faça uma cópia antes se precisar manter as edições feitas no Google Slides. Deixe o ID em branco para criar uma nova apresentação.

Recuperar um upload direto interrompido ​

Se um upload for interrompido, o Pitchdeck tenta recuperá-lo automaticamente. Se o painel de exportação oferecer Retry Google Slides Upload, use essa ação para continuar a tentativa existente. Você também pode baixar o backup em PPTX para importar manualmente. Se não tiver certeza do resultado, confira o seu Google Drive antes de começar uma nova exportação.

Abrir o arquivo .pptx no Google Slides ​

Você pode abrir o arquivo .pptx no Google Slides em File, Open e depois Upload, arrastando e soltando o arquivo .pptx.

Clique em All para selecionar todos os slides, desmarque a caixa Keep original theme e clique em Import slides.

Substituir fontes personalizadas no arquivo PPTX para o Google Slides ​

Se você está exportando frames do Figma para um arquivo PPTX para o Google Slides com fontes personalizadas (que não são compatíveis com o Google Slides), pode substituir essas fontes usando estilos de texto nativos do Figma e o campo Description para definir a fonte que vai substituir a original quando os designs forem exportados para PPTX.

Defina o campo Description do estilo de texto (usado pelas camadas de texto do Figma em questão) exatamente neste formato de string JSON:

{ "family": "Inter", "style": "Bold Italic" }

Você pode trocar o valor de family (por exemplo, Inter) pela família de fontes que quiser e definir o valor de style como o estilo desejado dessa família (por exemplo, Regular, Bold etc.). Verifique se o estilo usado existe na família de fontes especificada e se a fonte é uma Google Font (as Google Fonts são compatíveis e carregadas automaticamente no Google Slides).

Você também pode, opcionalmente, adicionar à string JSON uma propriedade numérica size (em pixels) para substituir também o tamanho da fonte, como no exemplo abaixo (que definiria o tamanho da fonte como 64px no arquivo PPTX exportado):

{ "family": "Inter", "style": "Bold", "size": 64 }