O que é Figma?
Segundo o próprio, é
uma ferramenta de design de interface colaborativa.
Ou seja, é utilizada para realizar desenhos de interfaces (app, website, e-commerce, entre outros), permitindo que outras pessoas possam contribuir ao projeto.
Isso tudo sem precisar baixar nada e de GRAÇA. Isso mesmo, o Figma conta com um formato de programa instalável no computador (disponível para macOS e Windows), porém também pode ser acessado pelo browser, logo funciona em qualquer computador e é acessível a qualquer pessoa.
Eu poderia terminar esse artigo por aqui, mas a ferramenta vai além disso e é isso que a torna tão especial e faz com que as pessoas migrem para ela. A seguir, vou citar as principais formas de uso.
Design de Interface (UI)
Essa é a função principal para qual o Figma foi criado. Você pode criar interfaces web, mobile e aplicações.
Ele tem uma interface amigável o que permite que usuários novos tenham uma curva de aprendizado bem rápida, principalmente por conta dos kits e templates disponibilizados pela própria comunidade. E para os usuários mais avançados, existem diversas atualizações com inclusão de features novas e recursos que deixam a criação mais fluída e ágil. Como por exemplo a criação de componentes.
Os componentes são elementos “pai” que podem ser reutilizados. E caso você precise alterar algo desse componente, ele altera automaticamente nas instâncias replicadas “filhas”.
Faz parte da maioria dos processos de criação de interface, termos:
- fluxo de navegação;
- Design System;
- wireframe;
- design da interface;
- protótipo;
- handoff para desenvolvimento;
Em ferramentas como Adobe XD e Sketch por exemplo, muitas das vezes precisamos utilizar soluções externas para conseguir realizar todo processo. O Figma é o único que consegue colocar tudo isso em um só lugar, e faz isso MUITO BEM.
No início, as pessoas reclamavam muito, eu inclusive, sobre a parte de protótipo do Figma, e o XD era bem superior em relação a isso. Mas de um ano para cá, foram tantas as melhorias feitas, que protótipos de alta fidelidade se tornaram possíveis na ferramenta, além disso se tornou bem mais rápido realizar esse tipo de serviço.
Design de Experiência (UX)
Como já disse no tópico acima, por ser uma ferramenta muito completa, o Figma nos permite criar coisas além da interface. Para a área de UX, ela auxilia muito na criação de wireframes tanto através dos componentes quanto também por conta do sistema de feedbacks.
É possível que um time inteiro trabalhe em conjunto dentro da ferramenta em tempo real e ainda é possível fazer comentários, o que torna o trabalho colaborativo remoto muito mais fácil.
O Figma também conta com a inserção de plugins. Ou seja, você pode adicionar serviços extras. E também integração com outras ferramentas, como por exemplo o Maze. Ideal para realizar testes em protótipos.
Design Gráfico
Até nisso o Figma consegue se sobressair. Sabemos que Photoshop e Illustrator são os mais utilizados atualmente, porém o grande diferencial do Figma é como sua descrição já diz: “uma ferramenta de design colaborativa.”
Por isso, é possível que um time esteja sempre na mesma página e todos podem se ajudar.
Uma das funções relevantes para essa especialidade é a ferramenta de caneta (Pen Tool) bastante conhecida e utilizada. Aqui ela ganhou uma usabilidade tão interessante que se tornou muito mais intuitiva do que estamos acostumados utilizando outros programas.
Por conta de funções como componentização, pen tool, guia visual, entre outros faz com que seja possível a criação de identidade visual e artes para banners ou mídias sociais.
Design System
É basicamente uma biblioteca viva de componentes e padrões visuais que irão manter a consistência do produto/projeto. Alguns costumam dizer que é um tipo de produto que alimenta outros produtos.
Por isso, se torna essencial o compartilhamento dessas bibliotecas para guardar e distribuir os componentes criados. E essas também são algumas das funções que o Figma fornece.
Essas bibliotecas podem ser compartilhadas com toda a empresa e sua navegação é bem estruturada.
Conta com um sistema de busca, onde é possível achar o componente e arrastar ele ao seu layout. E qualquer modificação feita vale para o time todo, em tempo real.
É possível também, escolher as pessoas que podem ver e/ou alterar esse conteúdo, bem como escolher outras versões anteriores, ou seja, caso algo precise voltar ao que era antes, é só procurar nos históricos e escolher a data anterior, onde estava o componente antes da alteração.
Conclusão
Existem muitas funções que não foram citadas nesse artigo mas baseado no que foi dito acima e o que a ferramenta representa temos inúmeras vantagens e gostaria de encerrar falando delas.
Versão gratuita vs versão paga
O Figma acredita que o design deve ser acessível a todos e por isso é de graça e pode acessado através do navegador como um site normal. Mas ele também conta com outras versões pagas, mais relevante para empresas ou profissionais que precisam compartilhar suas bibliotecas.
É importante citar que nessa versão “Iniciante” onde diz 3 projetos não quer dizer que você só vai poder criar 3 interfaces. Dentro de cada projeto é possível ter ilimitados layouts. Por exemplo, eu posso ter os seguintes projetos: “Freelas”, “Pessoal” e “Rascunhos”, e dentro de cada um posso ter quantas pastas eu quiser.
Acessível
Existe uma versão para download gratuita que possui as mesmas funções para a versão do navegador, a diferença é que ela consome menos memória de processamento do que um Google Chrome por exemplo, e por isso é recomendado utilizá-la se puder.
Multi-uso
Nela é possível fazer um projeto ou produto do zero. Desde a ideação até o protótipo final e handoff para desenvolvimento.
Comunidade
A mais interessante de todas! O Figma tem como um dos seus pilares esse movimento de comunidade e ajuda mútua entre os usuários. Por isso, eles criaram o Friends of Figma. É uma iniciativa de criar comunidades regionais para que os usuários se unam e ajudem uns aos outros. As comunidades costumam realizar eventos, compartilhar conteúdo e trocar conhecimento.
Aqui no Brasil atualmente existem as comunidades de São Paulo (pioneira) e a do Rio de Janeiro, da qual vos falo. Por isso, não deixem de acompanhar as comunidades nacionais e se você é de outro estado que não possui uma comunidade. Está esperando o que?! Seja um Defensor da Comunidade Figma e crie sua comunidade, através desse link. Se precisar de ajuda é só nos procurar :)
Isso é tudo pessoal. Obrigada por lerem até o final, não deixem de nos acompanhar e se quiserem outros temas é só deixar nos comentários.
Abraços, e até breve.