Figma: uma nova ferramenta para design de interface que está ganhando o mercado | Sirius Interativa

[www.sirius.com.br]

Qual ferramenta para design de interface web você usa? Muitos profissionais criam o conceito visual de sites no Photoshop, mas há no mercado ferramentas com novas propostas que estão ficando cada vez mais populares.

Aqui na Sirius, adotamos o Figma e convidamos a nossa equipe para compartilhar experiências. Diego Costa (Tecnologia), Fábio Leal (Design), Henrique Marçal (Design), Natasha Rijo (Comunicação) e Nathália Machado (Gerência de Projetos) compõem o time que vai nos contar as percepções no dia a dia de suas respectivas áreas. Mas, antes de tudo, vamos apresentá-lo, caso você não conheça.

"Numa época em que de meses em meses pipocam novas aplicações de desenho para a web, marcando cada vez mais o fim do Photoshop no segmento, o Figma emergiu como a principal alternativa. A característica que é o grande trunfo do Figma - especialmente se você considerar a ferramenta que domina esse mercado, o Sketch, que é exclusivo do OSX - é ser cross-platform (e isso incluindo o browser). Como curiosidade, aliás, vale dizer que o Figma é capaz de abrir arquivos do Sketch. " Fábio Leal / Design

O Figma é uma ferramenta de design de interface na qual todo o trabalho é feito através do navegador, logo ela é compatível com Windows, Linux, Chrome e Mac.

É multitarefa, ou seja, equipes multidisciplinares podem explorar o mesmo projeto juntas vendo as alterações em tempo real. Cada integrante pode acessá-la com o seu login e tudo isso é feito por um simples link.

Confira as principais funcionalidades listadas pela nossa equipe:

VERSIONAMENTO AUTOMÁTICO NATIVO

Com o Figma, não é mais necessário salvar diversas versões de um projeto. Fábio, explica:

"Isso significa o fim do 'versãofinal', 'teste_2.0', 'finalizado copy' e toda a bagunça que isso causava. Não há mais medo em deletar telas e assets que você não precisa mais, mas que pode voltar a precisar. "

BIBLIOTECA COMPARTILHADA E COMPONENTES

O mesmo arquivo pode ser trabalhado por uma equipe inteira sem precisar de outras ferramentas.

"Um diferencial é a opção de compartilhar da mesma biblioteca que facilita a troca interna e externa de informações. ", diz Fábio.

A ferramenta também torna mais fácil a apresentação de projetos que possuem uma lista de componentes como ícones e opções de blocos de conteúdo. Natasha Rijo, da Comunicação, acrescenta que essa funcionalidade é importante para que clientes possam entender o projeto:

"Com um clique, conseguimos dar um panorama melhor de quais são os componentes do projeto e como o cliente pode trabalhar a estratégia do seu conteúdo. "

OTIMIZAÇÃO DE TAREFAS

"Me identifiquei muito rápido e percebi que todo esforço e tempo que gastávamos antes para criar um projeto com muitas telas em outras ferramentas, no Figma, era muito mais rápido, prático e intuitivo. " Henrique Marçal / Design

Devido às suas características, o Figma permite produzir o design em tempo mais curto. Já para a área de TI, o front-end ganha velocidade no entendimento da estrutura para o desenvolvimento. Diego Costa, nosso Gerente de Tecnologia, compartilha:

"Ao pensar em como preencher a lacuna entre Design e Desenvolvimento em uma agência digital, o Figma impacta a criação de nossos produtos de forma bem positiva. Asseguramos que a conversão se pareça com os desenhos do Figma fornecidos e discuta todos os aprimoramentos necessários. "

Também cria um suporte para fluxos de trabalho de desenvolvimento front-end modernos, como pré-processadores CSS ou tarefas Gulp.

MULTIDISCIPLINAR

A ferramenta disponibiliza uma interação instantânea entre os membros da equipe que podem se comunicar na própria tela do projeto - o que agiliza no dia a dia. Para a área de Gerência de Projetos, o Figma traz praticidade.

"A praticidade de poder acessar a ferramenta diretamente do navegador é outro ponto positivo, basta um simples login para ter em mãos todos os projetos que estão sendo trabalhados, do ponto de vista de gerenciamento de projetos, o overview é bem interessante. " Nathália Machado / Gerência de Projetos

Com o Figma, pode-se ver as propostas sem se perder entre vários arquivos. Tem como opção a visualização de telas lado a lado - o que dá uma dimensão melhor do produto final, por exemplo: conseguimos analisar a home e páginas internas na mesma tela. Para Natasha, a avaliação em tempo real do que está sendo feito para demandas que exigem mais urgência e troca de ideias é um diferencial.

"Possibilita, ao realizar uma reunião com o cliente, dar a dimensão em tempo real de alguns pontos forma rápida, por exemplo: como seria ao trocar uma imagem ou a cor de um elemento. "

A validação do projeto e revisão de textos também são bem mais práticas por causa da navegação, opções de zoom etc.

"A ideia de um fluxo de trabalho colaborativo tem influenciado um produto após o outro e demonstrado com sucesso que é divertido e útil para processos. " Diego Costa / Tecnologia

MELHORIAS

Nathália e Henrique pontuam que, dependendo do tamanho e complexidade do layout, um ponto negativo é que a ferramenta pode travar, principalmente em computadores com configurações mais básicas.

"No geral, é uma ótima ferramenta com um potencial incrível. E que acho que ainda vai dar muito o que falar dentro mercado digital. Um ponto a melhorar: ao trabalhar com diversas telas e com muitas imagens muito grandes, fica bem mais lento, mas nada que não tenha uma solução para isso." Henrique / Design

Veja um tutorial do Figma para conhecer melhor a ferramenta:

E aí?! Já usou o Figma? Conta pra gente o que achou.

Créditos de gifs: www.figma.com