Figma vs Adobe XD vs Sketch: qual a melhor opção?

Trabalhar com design UX/UI pressupõe, em algum momento, lidar com a comparação de plataformas: vou de Figma? Escolho Adobe XD? Ou mando ver no Sketch? 

Hoje estas são as principais ferramentas do mercado para desenhar interfaces de aplicativos ou softwares e interações baseadas em inteligência artificial (IA), como chatbots; projetos que necessitam de uma boa documentação atrelada à capacidade de toda a equipe ter visualização do que está sendo desenvolvido.  

Não que escolher uma dessas três signifique ter que vestir uma camiseta de um time de futebol e amá-lo até o final da sua vida. Ao mesmo tempo que não há exclusividade, também não há rivalidade nem espaço para Fla x Flu. Ou seja, você não escolhe uma ferramenta só porque odeia a outra.

Mas bom, para saber qual é a melhor opção, é necessário montar um ringue: qual escolher entre Figma vs Adobe XD vs Sketch?

Na verdade, o segredo para encontrar a plataforma certa é identificar as suas necessidades e buscar a particularidade de cada uma das ferramentas. Todas estão no mercado para que você crie melhores produtos, mas há alguns recursos que funcionam melhor em uma do que na outra. Sabendo disso, você consegue descobrir qual atenderá às suas necessidades.

A seguir, separamos os principais pontos de cada plataforma de design de interface de acordo com oito categorias (Colaboração, Sistema, Prototipagem, Destaque, Plug-ins, Valor, Offline e Ponto negativo).

Comparando Figma vs Adobe XD vs Sketch

Colaboração

Aqui avaliamos a capacidade de colaboração dessas ferramentas. Além de permitir trabalhar em conjunto em tempo real, os recursos de colaboração deixam que qualquer pessoa com acesso adicione uma nota no design – do seu cliente ao colega desenvolvedor.

Sketch: a premissa da ferramenta era o trabalho isolado, para só ser compartilhado com a equipe quando estivesse pronto. Porém, o mercado evolui e traz novas necessidades, e o Sketch foi atrás de supri-las. A opção de colaboração foi implementada por meio do Sketch Cloud – onde o usuário sobe o design e compartilha com quem for necessário.

Figma: a própria ferramenta foi criada com a premissa de ser colaborativa. Muita gente considera o Figma como o Google Docs do design e, basicamente, é isso mesmo: uma interface que você pode fazer edições simultaneamente com outras pessoas da equipe. Com o cursor identificando cada membro, fica fácil saber quem é quem.

Adobe XD: no fim de 2019, foi implantando recursos de colaboração em tempo real a la Figma no XD. A verdade é que, atualmente, a diferença entre as duas ferramentas no quesito colaboração é bem pequena. No modo de compartilhamento do XD, o usuário pode criar, editar e dar acesso a páginas do seu design – a única coisa é que o cursor do colega trabalhando não fica visível como no Figma.

‍

‍

‍

Sistema

Por muito tempo, Macs e designers conviveram juntos no imaginário de muitas pessoas, e isso justamente porque o Sketch só funcionava no sistema macOS. Com a chegada do Figma e Adobe XD, essa exclusividade ficou para trás.

Sketch: Apenas macOS – a plataforma foi criada em cima desse sistema e continua fiel a ele.

Figma: Sistema web-based (ou seja, é uma plataforma online acessível a qualquer hora/lugar/equipamento).

Adobe XD: Windows e macOS.

Prototipagem

Uma outra funcionalidade importante dessas ferramentas de design de interface é a prototipação. No Figma o recurso foi implementado em 2017 e no Sketch ele apareceu no ano seguinte; já no caso específico do Adobe XD, ele nasceu com essa função.

Sketch: embora permita a criação de protótipos, o Sketch será mais completo se você usá-lo com outras aplicações, como o InVision.

Figma: possui bons recursos de prototipagem e tem um excelente desempenho nessa função.

Adobe XD: a prototipação é um recurso nativo do Adobe XD, que permite ainda prototipar interfaces de voz e também criar prototipação animada por meio de uma ferramenta chamada auto-animate.

‍

‍

‍

Destaque

Nessas plataformas, o que consideramos pontos fortes são as funcionalidades que fluem de maneira perfeita ou então que enxergamos como seus grandes diferenciais. Confira análise!

Sketch: É a plataforma mais experiente de todas e, por estar a mais tempo no mercado, possui uma série de plug-ins e extensões que tornam a ferramenta completa. O Sketch também é bastante intuitivo e, por estar tão integrado ao Mac, a experiência de usá-lo no sistema é impecável.

Figma: Além da sua essência colaborativa, chama a atenção dos usuários o versionamento automático, o fato de funcionar muito bem na versão gratuita, o lançamento de plug-ins para expandir a capacidade da plataforma, a possibilidade de acesso em qualquer lugar e as ferramentas de vetor que permitem criar diferentes formas no seu design. O fato de o Figma estar se espalhando rapidamente por diversas comunidades relacionadas ao design também é um grande mérito da ferramenta, o que estende a capacidade de colaborar, sem complicações, com diferentes equipes.

Adobe XD: Por fazer parte da família Adobe, o XD está muito bem integrado com outras ferramentas relevantes, como o Illustrador e o Photoshop. É possível fazer importação de uma aplicação a outra sem muitas dores de cabeça.

Plug-ins

Um designer sem plug-ins é como um matemático sem uma calculadora: não dá para executar 100% da sua função. Os plug-ins são recursos que automatizam tarefas e adicionam funcionalidades às plataformas de design de interfaces, deixando a rotina mais completa!

Sketch: este é o momento do Sketch brilhar! A aplicação possui uma biblioteca de plug-ins com muitas funcionalidades, atualizada com bastante frequência. Sonhou com uma ferramenta para melhorar o ângulo do mockup de celular? Certeza que vai encontrar – este exemplo é real, basta procurar o Angle.  

Figma: embora tenha chegado por último na fila dos plug-ins, o Figma já possui uma biblioteca para chamar de sua, possibilitando que usuários adicionem à sua interface plug-ins criados pela comunidade.

Adobe XD: ainda não chega aos pés do Sketch, mas o caminho é promissor. Afinal, estamos falando da Adobe e sua tradição no universo de design. Obviamente a empresa iria acionar seu ecossistema de empresas parceiras e desenvolvedores, o resultado é uma gama de opções de plug-ins que cresce a cada dia. Alguns deles que permitem integração são Trello, App Icon Generator, Dribbble, Color Blender, etc.

‍

‍

‍

Valor

As três aplicações possuem diferentes planos com menos ou mais recursos de acordo com a escolha que você fizer. Podem até ser gratuitas no plano inicial, mas, se você necessita de mais recursos e espaço de armazenamento, terá de desembolsar em algum dos planos disponíveis.

Sketch: possui dois planos, individual e para equipes. No individual, cobra-se US$99 no primeiro ano e US$79 na renovação. No plano para equipes, o valor é US$9 por membro/mensal ou US$99 por ano.  

Figma: oferece um plano básico, gratuito e limitado. Mas, se quer uma experiência mais robusta, há dois planos: Profissional por US$12 por editor/mês e Organization por US$45 por editor/mês.

Adobe XD: dispõe de um plano gratuito, porém bastante limitado. Sobre os planos mais completos, há o individual por R$ 43,00/mês ou o Creative Cloud (que além do XD inclui Illustrator e Photoshop) por R$ 224,00.

Offline

Esteja você trabalhando de um aeroporto ou de um café, muitas vezes a conexão se torna um problema. Por isso, é importante saber qual o desempenho dos softwares quando a rede WiFi não trabalha ao seu favor.

Sketch: na maior parte do tempo você vai trabalhar nele off-line – e tudo bem, seu trabalho estará a salvo!

Figma: depende de uma conexão na internet para você extrair todo o potencial da ferramenta. Mas, se você perde a conexão, a ferramenta salvará seus avanços quando estiver online novamente.

Adobe XD: também libera o modo off-line e tudo bem igual o Sketch.

Ponto negativo

Por mais que essas ferramentas sejam completas, vira e mexe identificamos uma falha. O lado bom é que essas empresas estão sempre de olho nas comunidades de design para saber quais as necessidades do público. Como usuário, vale a pena conhecer as limitações das ferramentas para saber se influenciará sua rotina de alguma maneira.

Sketch: O fato de estar disponível apenas para sistema macOS limita o poder de disseminação do Sketch. Além disso, a interface é um pouco mais complicada de usar, especialmente se você já estiver acostumado com outra plataforma.

Figma: A questão da conexão da internet parece ser o ponto mais negativo da ferramenta. Afinal, vira e mexe pode acontecer de perder a conexão ou se deparar com uma lentidão do sinal, aí pode ter certeza que vai ser difícil executar seu trabalho.

Adobe XD: É a ferramenta mais jovem de todas que falamos aqui, por isso há alguns pontos do produto que outras estão avançadas. Não que isso seja incontornável, já que vão surgindo mais funcionalidades conforme o tempo.

Conclusão - e um pouco da experiência da Nama

Atualmente a equipe da Nama usa o Figma, mas, durante muito tempo, o Sketch foi a principal plataforma por aqui. Seria até injustiça afirmar que deixamos o Sketch para trás pela falta de alguma ferramenta, função ou plug-in. 

A verdade é que a migração para o Figma ocorreu porque ele se tornou popular também entre nossos clientes, e foi uma maneira de otimizarmos o fluxo entre as duas partes. Pelo fato de o Figma ser agnóstico de plataforma, sua colaboração nativa é melhor. 

Hoje o Figma atende todas as necessidades colaborativas do nosso produto, tanto para desenhar elementos quanto para a criação de chatbots. Assim temos nossa equipe trabalhando em conjunto e totalmente alinhada com os objetivos de desenvolvimento.

É importante esclarecer que na escolha da melhor ferramenta para design de interface não há certo nem errado. O que conta é saber identificar aquela que mais tem a ver com a necessidade da sua equipe e do projeto - e foi exatamente o que levamos em conta quando migramos de uma para outra.

Se for um job colaborativo, o Figma será a melhor opção. Caso a gama Adobe tenha papel relevante no projeto, então vale a pena considerar o Adobe XD. E, por fim, se quer uma biblioteca gigantesca de plug-ins - e, claro, se prefere usar o Mac -, então opte pelo Sketch. 

‍