O que é Figma? Quatro perguntas sobre como usar o site

Figma é um editor online de design gráfico focado na criação de interfaces gráficas e experiência de usuário com ênfase colaborativa. A ferramenta permite que uma equipe de designers tenha acesso simultâneo e trabalhe em cima de um mesmo projeto ao mesmo tempo, facilitando a vida de times com profissionais em trabalho remoto em diversas localidades diferentes.

1 de 7 O que é Figma? Editor online deixa interfaces gráficas de forma colaborativa — Foto: Filipe Garrett/TechTudo

O que é Figma? Editor online deixa interfaces gráficas de forma colaborativa — Foto: Filipe Garrett/TechTudo

Quais são os melhores programas de Adobe? Veja respostas no Fórum do TechTudo

O que é Figma?

Figma é um editor online de gráficos vetoriais com ênfase na prototipagem de interfaces gráficas e estruturas de design de experiência de usuário. Com oferta de edição colaborativa para que uma mesma equipe desenvolva um projeto em conjunto, o serviço oferece planos gratuitos e pagos, conta com app de apoio para macOS e Windows e disponibiliza o Figma Mirror para iPhone (iOS) e Android, que permite testar interfaces nos celulares.

O grande diferencial do serviço no mercado é a proposta integralmente online que facilita a colaboração, permitindo que uma equipe de profissionais diferentes, em locais diversos, visualize e trabalhe em modificações num projeto em tempo real. Serviços concorrentes, como o Adobe XD, não oferecem o mesmo nível de colaboração.

Há, no momento, três grandes planos de assinatura para interessados no Figma. O mais simples deles é completamente gratuito, há um programa profissional e outro pacote direcionado a organizações e empresas.

Como usar o Figma?

Com a sua conta criada e escolhido seu plano dentro do serviço, é hora de começar a usar o Figma. No momento da criação de um novo projeto, o web app sugere a aplicação de templates para facilitar a concepção do seu design.

2 de 7 Processo de como usar o Figma começa com a escolha de um template — Foto: Reprodução/Filipe Garrett

Processo de como usar o Figma começa com a escolha de um template — Foto: Reprodução/Filipe Garrett

Você pode escolher, por exemplo, o template indicado para anteder resolução e dimensões de tela de um iPhone recente, de um desktop para desenvolver um app para macOS ou Windows, outros smartphones, websites ou simplesmente usar uma tela em branco para criar o design de forma mais livre. Há suporte ao Material Design, por exemplo, doutrina que orienta interfaces gráficas do Android, e até criação de slides para apresentações mais caprichadas.

3 de 7 Você pode convidar outras pessoas para trabalharem no seu design do Figma — Foto: Reprodução/Filipe Garrett

Você pode convidar outras pessoas para trabalharem no seu design do Figma — Foto: Reprodução/Filipe Garrett

Escolhido o template que você quer aplicar, você terá acesso ao editor em si: ele lembra muito editores de imagens e vetores, com organização a partir de camadas (layers), uso de formas predefinidas, inserção de texto, efeitos para acabamento, além de funções de mapeamento e organização do seu espaço de trabalho para respeitar medidas e alinhamento.

4 de 7 Projetos no Figma podem contar com várias telas diferentes e é possível definir uma sequência lógica — Foto: Reprodução/Filipe Garrett

Projetos no Figma podem contar com várias telas diferentes e é possível definir uma sequência lógica — Foto: Reprodução/Filipe Garrett

Para começar seu design, é simples: na aba "Assets", você encontra os recursos ideais para o seu template. Basta selecionar o que você deseja, arrastar para a tela e editá-lo conforme suas necessidades. No canto superior direito, há o botão "Share", que permite que você convide outros editores para visualizar e acessar o seu projeto em tempo real.

Quem preferir pode gerar uma cópia local do trabalho navegando em "Figma > File > Save local copy". Há ainda opção de exportar todo o design para um PDF. Já no canto superior direito, há um botão em forma de seta para a direita que permite rodar um simulador para testar a interface.

5 de 7 Figma oferece um visualizador interativo para que você teste a interface e a experiência de uso — Foto: Reprodução/Filipe Garrett

Figma oferece um visualizador interativo para que você teste a interface e a experiência de uso — Foto: Reprodução/Filipe Garrett

Como o Figma é sincronizado com a nuvem o tempo todo, você não precisa salvar seu projeto: desde que você mantenha conectividade com a Internet, todas as modificações são salvas automaticamente e você sempre encontra seu trabalho do jeito que deixou.

Figma é gratuito?

Como já adiantamos, o Figma funciona com três planos de assinatura diferentes. O pacote mais básico do Figma é gratuito e tem como grandes limitações a aplicação de limite de três arquivos para acesso por um número ilimitado de editores, apenas um projeto de equipe e histórico de versões do projeto limitado a 30 dias.

6 de 7 Figma é gratuito? Editor conta com três planos diferentes: gratuito, "Professional" e "Organization" — Foto: Reprodução/Filipe Garrett

Figma é gratuito? Editor conta com três planos diferentes: gratuito, "Professional" e "Organization" — Foto: Reprodução/Filipe Garrett

O plano intermediário é chamado de "Professional" pelo Figma e custa US$ 144 ao ano por editor (cerca de R$ 730, em conversão direta), ou US$ 15 (R$ 75) para quem preferir pagar mês a mês. O plano remove limitações de colaboração do programa gratuito, não tem limite para número de projetos e histórico de versões, além de permitir que o usuário defina níveis personalizados de permissões para colaboradores e estabeleça projetos acessíveis apenas por meio de convite.

O último pacote é o "Organization", destinado a empresas e organizações com equipes maiores. O programa custa US$ 2.025 ao ano por editor (ou R$ 10.230), sem possibilidade de pagamento mês ao mês. O pacote oferece recursos mais avançados de análise e métricas de desempenho, permite uso e criação de plugins privados, compartilhamento de fontes e segurança mais robusta.

Photoshop: cinco dicas para usar o programa

O que você está lendo é [O que é Figma? Quatro perguntas sobre como usar o site].Se você quiser saber mais detalhes, leia outros artigos deste site.