Figma vs Sketch: qual é o melhor aplicativo de prototipagem para iniciantes

Seja você um designer iniciante ou um profissional experiente, é sempre uma boa prática manter-se atualizado com as ferramentas mais recentes do mercado. Figma e Sketch são dois aplicativos de design e prototipagem baseados em vetor incrivelmente versáteis que permitem criar maquetes impressionantes, interfaces de aplicativos e muito mais rapidamente. Eu tenho tentado melhorar meu jogo de design e decidi sair do Photoshop. No entanto, selecionar um desses dois aplicativos de design e prototipagem é um desafio, pois eles parecem idênticos na superfície. A comparação abaixo cobre minhas descobertas no Figma e no Sketch e deve ajudá-lo a entender como eles diferem.

O que é Figma e Sketch Quem

O Sketch existe há uma década, enquanto o Figma está fora há menos de 5 anos. Nesta comparação, eu cobriria o básico e explicaria qual aplicativo é destinado a quem.

1. Disponibilidade

Esta é uma das vantagens mais anunciadas do Figma. É uma ferramenta baseada na web que também oferece aplicativos para macOS e Windows. No entanto, você pode começar a usar um navegador da Web para desktop com uma conexão decente à Internet. O que o torna ainda melhor é que o Figma também possui aplicativos complementares para Android e iOS que fornecem atualizações de design ao vivo em movimento. Como tudo está na nuvem, você pode acessar as atualizações de design de sua equipe ou de qualquer lugar do mundo.

O Sketch, por outro lado, é estritamente um aplicativo para macOS e você só pode instalá-lo em MacBooks. Mesmo que não haja um aplicativo complementar oficial para smartphones, você pode obter um Sketch Mirror para Mac. Com toda a justiça, o Figma faz um trabalho melhor ao ser uma ferramenta online em tempo real com melhor compatibilidade entre plataformas do que o Sketch.

Figma: 1

Esboço: 0

2. Interface do usuário

O Figma e o Sketch têm uma interface e posicionamento de ferramentas semelhantes (barras laterais), o que facilita a comparação, pois você pode se concentrar nas ferramentas e outros recursos relacionados ao seu fluxo de trabalho. Ambos os aplicativos têm um espaço de trabalho ou tela no meio, camadas e atributos de ativos à esquerda, uma barra de ferramentas na parte superior e um painel de propriedades à direita. A única coisa que o Sketch tem em termos de interface do usuário é o modo escuro que é realmente agradável aos olhos e combina bem com o tema do macOS.

Além de algumas mudanças cosméticas, o Figma e o Sketch possuem uma interface de usuário semelhante.

Figma: 1

Esboço: 1

3. Projeto

Ambos Figma tem uma variedade de ferramentas de forma padrão e recursos de design para construir seu primeiro projeto de design e tudo depois disso. No entanto, a implementação da ferramenta do Figma é superior. Para começar, todas as ferramentas de forma, como retângulo, oval, estrela e polígono, têm uma maneira fácil de arredondar cantos. Você pode simplesmente clicar e arrastar um canto e fazer com que qualquer borda dura pareça suave. É uma ótima estética de design e estou feliz que o Figma torna isso super fácil.

Embora o Sketch tenha muitas ferramentas poderosas, os recursos exigem uma curva de aprendizado e você precisa descobrir como fazer as coisas. Não é intuitivo. Por exemplo, se você deseja arredondar os cantos de um triângulo, primeiro crie um triângulo regular, depois entre no modo de edição, clique em todos os vértices e aplique o valor de arredondamento para criar um objeto com cantos arredondados. O Figma é mais amigável que o Sketch.

Figma: 2

Esboço: 1

4. Prototipagem

Depois de terminar a parte de design do seu projeto, a próxima etapa é prototipá-lo. Tanto o Figma quanto o Sketch possuem ferramentas poderosas de prototipagem que permitem incorporar toques, pressionamentos de botão no design e fazê-lo funcionar durante os testes como se fosse na vida real.

O Figma oferece gestos de interação em um formato simples de entender e fácil de implementar. Você simplesmente seleciona uma ação e seu resultado e aponta o botão para outro atributo, e pronto. Você pode até animar todos os gestos diferenciados com sua animação personalizada. No entanto, um pequeno problema que toda a comunidade Figma enfrenta é que você não pode conectar várias páginas com eficiência.

Note: You can in fact link pages of a project in prototyping with links but that’s currently inefficient and simply opens that page in a new tab which isn’t very cohesive.

O Sketch, por outro lado, oferece uma maneira suave e amanteigada de criar links entre diferentes páginas. Embora o Sketch chame essas Pranchetas e não Páginas, o conceito permanece o mesmo e a implementação é melhor. No final, tudo se resume às suas necessidades. Se o seu projeto tem poucas páginas, mas requer animações avançadas, o Figma oferece uma melhor prototipagem. No entanto, se você deseja criar um protótipo coerente para os clientes que podem ter uma ideia do projeto com várias partes, o Sketch faz isso melhor. É efetivamente um empate.

Figma: 2

Esboço: 1

5. Plug-ins

Sketch e Figma são ricos em recursos, mas se você tiver um fluxo de trabalho personalizado, há um plug-in para você. O Sketch existe há mais tempo e, portanto, possui mais plugins na biblioteca. No entanto, você pode encontrar plugins populares como Zeplin, ProtoPie e Avocado no Sketch e no Figma. Ambos os aplicativos oferecem APIs para criar seus próprios plugins para seu fluxo de trabalho.

Uma coisa a notar aqui é que, como o Figma é uma ferramenta online, todos os plugins estão disponíveis o tempo todo e funcionam perfeitamente. O Sketch apesar de ter suporte para mais plugins exige que você baixe a cópia digital e cole na pasta de plugins. Este é apenas um pequeno inconveniente na melhor das hipóteses, e o Sketch ainda possui suporte superior a plugins.

Figma: 2

Esboço : 2

6. Colaboração em tempo real

O Figma é o campeão da colaboração em tempo real e o Sketch nem chega perto com seu recurso de sincronização na nuvem. O Figma permite espectadores e comentaristas ilimitados que podem ver o progresso do projeto em tempo real. O Sketch, por outro lado, permite salvar e sincronizar os projetos na nuvem e, uma vez salvo, os visualizadores podem ver os arquivos de design atualizados. Em suma, o Figma adota uma abordagem de nuvem em primeiro lugar, que é uma das razões pelas quais ele decolou do jeito que estava.

Figura: 3

Esboço: 2

7. Preço

O Figma oferece três camadas com duas assinaturas pagas e uma gratuita para criadores individuais. O plano gratuito oferece um projeto de equipe por vez e editores ilimitados. O plano pago começa em $ 12/mês/editor e oferece editores ilimitados, histórico de versões e projetos.

O Sketch vem com uma avaliação gratuita de 30 dias. Depois disso, você receberá uma cobrança de US$ 9/mês/editor por todos os recursos. O Figma é definitivamente um pouco caro quando você obtém o plano pago, mas se você precisar trabalhar apenas em um projeto por vez, o Figma permite que você trabalhe gratuitamente.

Confira Figma (grátis, $ 12/mês)

Confira o Sketch (teste gratuito, US$ 9/mês)

Figma ou Sketch: qual é o melhor design e aplicativos de prototipagem

Não há como negar que Figma e Sketch são aplicativos incríveis que permitem prototipagem e design. O Figma adota uma abordagem que prioriza a nuvem e é melhor para colaboração online. O Sketch é mais barato para equipes, oferece mais plugins, mas não funciona fora do ecossistema da Apple.

Espero que a comparação acima tenha tornado a decisão um pouco mais fácil para você e se eu fosse dar minha opinião, eu iria com o Figma. Digo isso porque meu caso de uso envolve aprender a projetar maquetes e não estarei trabalhando em vários projetos ao mesmo tempo. O que você acha? Qual ferramenta é melhor para você? Me avise no Twitter.

Leia também: Melhores aplicativos para criar infográficos e insights de dados em 2021