Figma vs Sketch vs Adobe XD

Donec aliquet mollis eros, in euismod arcu mollis sit amet. Nullam porttitor enim id felis pharetra volutpat.

Nossa experiência e opinião

Sketch, Figma e Adoxe XD são as ferramentas de design mais populares no momento. Eles estão em constante evolução, lançando novos recursos e se adaptando às necessidades complexas dos designers. Agora surge a pergunta: qual ferramenta é a melhor e qual é a melhor para mim? 

No artigo a seguir, descrevemos os programas, nossas experiências e nossas conclusões.

Nós, Alena & Ekaterina, queremos comparar e avaliar essas plataformas de design com base nos seguintes pontos: 

  • Geralmente
  • preço
  • Sistema e acessibilidade
  • Trabalhando com equipes
  • Prototipagem
  • Atualizações e plug-ins

Ao final, apresentaremos nossas impressões e conclusões.

Geralmente

retrato falado

Em 2010, Sketch entrou no mercado para macOS e é, portanto, uma das plataformas de designer veteranas. Apenas dois anos depois, foi até premiado com o Prêmio de Design. 

Figma

O Figma foi lançado em 2016 e rapidamente competiu com o Sketch. Mais e mais empresas (Twitter, Microsoft, Dropbox etc.) estão usando este programa de design. De acordo com uma pesquisa realizada em 2020 com mais de 4000 participantes: a maioria deles indicou que usa o Figma como seu programa de design principal. Figma está constantemente desenvolvendo e trazendo grandes ideias e cada vez mais designers estão levando a ferramenta em consideração.

Adobe XD

Adobe XD foi lançado em 2017, apenas um ano após o Figma. E embora seja relativamente “jovem” em comparação com o Sketch, ele já se atualizou com plug-ins, atualizações, recursos etc. e é até pioneiro em algumas áreas. 

preço

retrato falado

Sketch está oferecendo um “teste gratuito de 30 dias”. Em seguida, você deve decidir sobre uma licença para poder continuar usando o programa. A licença padrão custa US $ 99 por ano (US $ 9 por mês). Sketch oferece desconto de 50% para estudantes e instituições de ensino superior. 

Figma

Figma oferece 3 planos diferentes: Pacote Inicial grátis, Profissional ($ 12 por designer: em por mês se pago anualmente ou $ 15 por mês se pago mensalmente) e Organização ($ 45 por mês se pago anualmente). A Figma oferece o Plano Profissional gratuitamente para alunos e instituições de ensino superior.

Adobe XD

A Adobe oferece uma versão beta gratuita para Adobe XD. Para usuários individuais ou equipes menores, existe a opção de pagar uma assinatura de € 11,99 por mês. O pacote com € 59,99 por mês não inclui apenas Adobe XD, mas também todos os outros programas Adobe Creative Cloud (Illustrator, Photoshop, etc.). 

Sistema e acessibilidade

windows - linux
windows – linux

retrato falado

O Sketch só pode ser usado em sistemas MacOS. 

Figma

Figma é um programa baseado na web. Portanto, ele pode ser usado em todas as plataformas e navegadores da web (como Linux, MacOS, Chrome, Safari etc.), o que é uma grande vantagem. A ferramenta funciona perfeita e rapidamente em computadores e laptops “low-end”. 

Adobe XD

Adobe XD pode ser usado para macOS e Microsoft.  

Trabalhando com equipes

trabalho em equipe
trabalho em equipe

retrato falado

A colaboração ao vivo com os membros da equipe tem sido possível desde a última atualização (em maio de 2021). Anteriormente, você precisava contar com outras plataformas (como Zeplin) para comentar e se comunicar. A atualização mais recente destina-se geralmente a permitir e melhorar a colaboração de designers em um projeto conjunto.

Figma

A colaboração rápida e fácil em tempo real é uma das funções mais importantes que distinguem o Figma dos outros e onde o Figma está provavelmente um pouco à frente dos outros programas.

Adobe XD

O Adobe XD permite a colaboração ao vivo com outros colegas de equipe. Você pode carregar documentos / painéis de arte na nuvem ou convidar colegas para comentar, verificar, editar, etc.  

Prototipagem

retrato falado

Recursos básicos de prototipagem estão disponíveis. Para funções estendidas (animações, etc.), você deve usar plug-ins.

Figma

Quando se trata de prototipagem, a Figma está um pouco atrás das outras ferramentas. No entanto, Figma atribui grande importância ao desenvolvimento contínuo destas funções e possui, por exemplo, a função “Smart Animations”, que é extremamente útil para a criação de animações.

Adobe XD

Adobe XD suporta prototipagem interativa. Com Adobe Xd é ainda possível criar animações e símbolos interativos.

Atualizações e plug-ins 

retrato falado

Sketch faz atualizações regulares. Havia 19 deles apenas em 2020. Também existe uma grande variedade de plug-ins que podem ser usados ​​para expandir as funções do Sketch.

Figma

Figma está constantemente fazendo atualizações e testando muitas novas ideias. Comparado ao Sketch, há menos plug-ins ou ainda precisam ser melhorados. Mesmo assim, existem plug-ins bons e práticos que uso o tempo todo. A última atualização introduziu FigJam – quadros brancos para equipes, semelhante ao aplicativo Miro. 
A transferência junto com o plugin Zeplin funciona perfeitamente e tão facilmente quanto com Sketch.

Adobe XD

Novos recursos aparecem para o Adobe XD todos os meses. Além disso, o Adobe XD oferece cada vez mais plug-ins que podem ser facilmente encontrados e baixados da biblioteca.

Nossa conclusão 

Xd Adobe
Xd Adobe

retrato falado

“Sketch foi a segunda plataforma de design UX / UI que usamos e ainda usamos. Como um iniciante, o Sketch era fácil de usar. A interface é clara e as funções e ferramentas permanecem as mesmas ou muito semelhantes a outras plataformas como Figma e Adobe XD. Infelizmente, o alinhamento e as dimensões dos elementos e objetos não funcionam tão perfeitamente e precisamente como o produto promete. Plug-ins de terceiros às vezes também podem causar problemas, então você sempre precisa da atualização mais recente do Sketch e dos plug-ins. Como resultado dessas atualizações, recentemente tivemos problemas crescentes ao carregar projetos na nuvem e trabalhar na prancheta. 
A transferência em conjunto com o Zeplin sempre funcionou perfeitamente e, portanto, é muito amigável e agradável para nós. Mas, uma vez que surgem problemas com as atualizações mais recentes e a colaboração anterior com designers da equipe foi bastante difícil no Sketch, cada vez mais recorreremos ao Figma e ao Adobe XD. Além disso, infelizmente, este programa só pode ser usado por designers com um sistema MacOS. –  Alena e Ekaterina

Figma

“Figma para mim é a segunda ferramenta de design de UI / UX que usei e ainda uso. Quando uso outras plataformas, sempre volto ao Figma. Uma desvantagem que pode haver para mim é que você não pode usar o Figma sem a Internet. Como regra, no entanto, quase sempre você tem acesso à Internet. As funções de que preciso constantemente para trabalhar na Figma são, para mim, as mais intuitivas e, até agora, nunca tive problemas de velocidade que afetassem meu tempo e meu trabalho. Nesse sentido, confio muito na Figma e estou muito satisfeito. Portanto, só posso recomendá-lo. ” – Ekaterina

Adobe XD

“Adobe XD era meu programa básico para design de UX / UI. Como trabalho com Photoshop, Illustrator e InDesign há anos, a interface e a operação eram relativamente rápidas e fáceis de usar. No entanto, posso imaginar que inicialmente isso causará confusão para usuários sem experiência com a Adobe. As funções e ferramentas são muito semelhantes ou idênticas ao Figma & Sketch. Eu realmente gosto dos recursos de prototipagem do Adobe XD. Portanto, no início também experimentei pequenas animações de ícones com experiências positivas. Em si, o Sketch era comparativamente mais fácil de usar e mais claro para mim do que o Adobe XD. À primeira vista, o XD está mais aninhado com suas camadas, componentes, etc. e teve que clicar para frente e para trás algumas vezes no início. A vantagem sobre o Sketch é que você pode usá-lo não apenas para MacOS, mas também para Microsoft. ” –Alena

Essas ferramentas de design são adequadas para iniciantes?

Figma, Sketch e Adobe XD são muito fáceis de usar e têm uma interface fácil de entender. Existem inúmeros tutoriais para cada ferramenta que explicam e tornam mais fácil começar. Antes de começar com uma das ferramentas, recomendamos que você assista a pelo menos um tutorial.

Quais ferramentas de design continuaremos usando? 

No que diz respeito ao Sketch, continuaremos a usá-lo, mas como infelizmente tivemos experiências negativas ultimamente, pode muito bem ser que ele não seja mais nosso principal programa de design.

Ekaterina: Depois de novas atualizações do Sketch, Figma se tornou minha principal ferramenta de design novamente. 

Alena : Vou continuar a usar o Sketch, mas atualmente estou mudando para o Figma. Também uso Adobe XD de vez em quando para alguns projetos.

Qual ferramenta de design recomendamos? 

Todo mundo tem suas próprias preferências e deve tirar sua própria foto ou descobrir qual é o programa mais adequado para alguém. No entanto, recomendamos tentar todas as três ferramentas para encontrar a que melhor se adapta a você. Embora o Adobe XD não seja necessariamente tão adequado para iniciantes como Sketch e Figma, recomendamos que você experimente você mesmo.