Oiii! Nesse post eu vou explicar os formatos mais usados de imagem e que são exportados pelo Figma, que são: JPG, PNG e SVG. E esses são os formatos que o Figma permite exportar.
“>Formato JPG/JPEG
O JPG ou JPEG é um formato de imagens comprimidas, elas tem o tamanho/peso em pixels menor, pois são mais fáceis/rápidas de carregar, principalmente em sites e páginas web.
As caraterísticas desse formato:
- Tem fundo, mesmo que baixe com o fundo transparente, ao usar esse formato é adicionado um fundo branco
- Qualidade menor (para ser mais rapido o carregamento), e assim
- Mais leve (em pixels)
Formato PNG
O PNG é uma imagem em alta definição muito usada por manter a qualidade melhor, e como hoje em dia isso é muito importante, dado as redes sociais.
As caraterísticas desse formato:
- O fundo pode ser transparente. Então é um ótimo formato para exportar logos, ou elementos que sejam interessantes terem o fundo transparente. Inclusive, você pode colar nos stories do instagram, e o fundo continua transparente.
- Qualidade maior, e assim
- Mais pesado (o carregamento demora mais)
Formato SVG
O SVG é o formato vetorial. Então se você precisa passar uma design editavel do Figma para o Illustrator (ou outro como: GIMP, Figma, Inskape) você pode baixar em svg e colar em qualquer software que permite vetorização. Mas esse formato não permite uma pré visualização como imagem. Por isso normalmente aparece o ícone de um navegador no computador. E também não é possível postar uma ilustração em svg nas redes sociais, porque não é uma imagem em si, é um arquivo com várias informações associadas.
As caraterísticas desse formato:
- São vetores puros
- Podem ser valos em outros formatos (salvar um svg em PNG, JPG e até PDF).
- É um arquivo leve.
Formato PDF
O PDF (Portable Document Format) é um formato de arquivo criado pela adobe normalmente usado para leitura de textos ou apresentações. Objetivo era permitir que qualquer pessoa capturasse documentos de qualquer aplicativo, enviasse versões eletrônicas desses documentos para qualquer lugar, visualizasse e imprimisse em qualquer máquina.
As caraterísticas desse formato:
- Melhor para enviar para gráficas
- Leitor/Editor específico
- Fundo branco
Como exportar no Figma
Para exportar um frame/grupo ou elemento no Figma é só selecionar e clicar no Export + localizado no final do menu lateral direito.
Então é possível escolher o formato, e para formatos de imagens é possível multiplicar (1x) o tamanho na proporção. Assim uma imagem que no FIgma era 1000px X 1000px se exportar com 2x fica com 2000 X 2000.
Resumo
Espero que vocês tenham gostado do post!
Me siga no instagram para saber mais sobre Figma e Design:
https://www.instagram.com/made.by.bia/
E para quem quer aprender a usar o Figma e fazer ilustrações lindas é só participar do meu curso Ilustrando no Figma.