6 Alternativas Figma para UI & UX Designers

A notícia de que a Adobe adquiriu o Figma está agora à solta. A quantidade de memes inundando os canais do Twitter e Slack tem sido algo e tanto. E embora eu não possa falar por todos, acho que um número substancial de designers não conseguirá conviver confortavelmente com essa notícia.

Em primeiro lugar, neste momento – a Figma continuará sendo uma empresa independente (separada da Creative Cloud). Isso foi dito no anúncio do CEO, Dylan Field. À medida que informações mais concretas estiverem disponíveis sobre seus planos para o futuro, este artigo será atualizado de acordo.

16.09.2022 – Figma fez um Twitter Spaces para discutir a aquisição, e Ashish montou um resumo de tudo o que foi dito/discutido.

A outra coisa é que o Figma não tem concorrência real quando se trata de um plano gratuito, mas também de um hub da comunidade. Se você é um designer de pequeno porte ou talvez um blogueiro, não pode dizer a diferença entre os planos Free e Pro. É assim que é bom.

A competição tem bastante sapatos para preencher.

Não é apenas que o Figma é uma ferramenta de design e prototipagem multiplataforma e colaboração em primeiro lugar com uma dúzia de casos de uso. Em 6 curtos anos, a Figma cresceu de uma ferramenta de design para um epicentro de recursos de design, ferramentas e guias sobre como criar interfaces de usuário de classe mundial.

Tanto que, se você é um usuário do Sketch, InVision, Adobe XD ou qualquer outra plataforma alternativa, o Figma ainda pode fazer parte do seu fluxo de trabalho diário de design porque seus recursos são tão bons. E isso é amplificado dez vezes para usuários reais do Figma. De modelos a kits de interface do usuário, texturas e padrões a um repositório extremamente rico de plug-ins que tornam o design muito mais agradável.

Eu acho que é uma avaliação justa que mais do que as pessoas estão chateadas com a Adobe ter adquirido o Figma, é o medo de perder o acesso a esses recursos com curadoria da comunidade. A integração de um aspecto da comunidade pode ser benéfica, seja você uma ferramenta de design paga ou gratuita. E ainda mais se chegar o dia em que a Adobe decidir desligar o Figma e colocá-lo dentro da Creative Cloud.

Alternativas Figma para UI & UX Designers

Os humanos são criaturas incrivelmente adaptáveis, então vamos olhar além das muitas coisas que fazem do Figma uma ótima plataforma. Em vez disso, veremos o que torna outras ferramentas de Design/Prototipagem uma alternativa sólida.

1. Penpot

O Penpot está em andamento desde 2021 (embora a ideia pareça remontar a 2018) e está sendo construído como software de código aberto para design, colaboração e prototipagem. É multiplataforma (baseado em navegador), e você pode hospedar o Penpot sozinho com Elestio ou Docker.

O projeto em si ainda está em Beta , e acredito que permanecerá nesse estado por algum tempo. No entanto, quais são os principais recursos sobre os quais o Penpot está sendo construído?

• Design – interface orientada a componentes para criar e gerenciar projetos de design.
• Prototipagem – crie visualizações interativas de UX e teste o fluxo de design.
• Colaboração – colaboração em equipe em tempo real com suporte para feedback e comentários.
• Feedback – crie comentários sobre elementos específicos e compartilhe-os com sua equipe.
• Recursos – bibliotecas e modelos com curadoria da comunidade.

Então, o Penpot está muito alinhado com o que o Figma oferece, inclusive sendo gratuito. Quanto à interface do Penpot, há muitas semelhanças entre o Figma e outras ferramentas semelhantes.

Acho que se você brincar com isso, com certeza vai criar coisas que não parecem tão rápidas quanto no Figma. É possível copiar e colar imagens, mas a estrutura Assets por si só pode levar um minuto para se acostumar em comparação com o quão linear é no Figma.

Uma coisa que o Penpot não tem é o Auto Layout, mas isso foi confirmado para ser trabalhado neste tweet e deve chegar em breve. E há trabalho sendo feito para garantir que você possa enviar seus arquivos .fig para o Penpot. Isso parece estar chegando depois que o Layout automático é adicionado.

Gary Simon, do DesignCourse, fez recentemente um tutorial para o Penpot, e você pode assistir seu vídeo de introdução de 30 minutos aqui. O tutorial é baseado em um design simples de página de destino para um portfólio e serve como uma boa visão geral do que o Penpot é capaz durante esse estágio de desenvolvimento.

2. Esboço

Tenho certeza de que a equipe da Sketch está animada com a notícia. Figma e Sketch são as melhores ferramentas de design de UI/UX do mercado, e por uma margem significativa. O único problema com o Sketch é que ele está bloqueado atrás do macOS (o aplicativo da web é limitado apenas ao compartilhamento de protótipos e feedback), embora haja rumores de que eles planejam expandir para outros sistemas.

Eu adoraria sentar aqui e discutir as várias comparações entre Figma e Sketch, mas eles já fizeram isso por mim. Essa página é para quem é novo no Sketch ou com experiência anterior e precisa de uma atualização de como o Sketch se compara ao Figma.

Em relação ao envolvimento da comunidade, o Sketch está definitivamente lá entre os melhores. Existem dezenas de sites gratuitos do Sketch ativos, e o Sketch possui um sistema de plug-ins, além de extensões e integrações. Eles também têm um curso gratuito fantástico que serve como uma introdução aos conceitos básicos de design, mas o mais importante – a interface e os recursos do Sketch.

Quanto aos preços, o Sketch oferece uma avaliação gratuita de 30 dias e seu plano premium é fixo em US $ 99 por ano.

3. Site

Se você estava usando o Figma principalmente para usar kits de interface do usuário pré-existentes que você personaliza e passa para modelagem HTML, o Siter pode ser uma alternativa útil. Esta ferramenta de design é construída como uma plataforma sem código para construir e personalizar layouts de sites e publicá-los através do Siter.

O que é ótimo na plataforma deles é que você pode convidar outras pessoas para colaborar no mesmo design. Em outras palavras, essa pode ser uma boa alternativa para qualquer parte de uma agência especializada na criação de sites ao vivo para seus clientes. Quando o projeto estiver concluído, você poderá transferir a propriedade para seu cliente.

Aqui estão algumas outras características:

• Código – Você pode adicionar código personalizado que é executado quando você publica ou visualiza seu design.
• SVG – É possível importar e editar Vetores SVG ou criá-los você mesmo com curvas.
• Movimento – Ajuste o estado do elemento (transições, foco, ativo) com uma visualização ao vivo.
• Importação Figma – Você pode importe um projeto Figma existente e transforme-o em um site ao vivo!

O preço começa em $ 12 por mês para projetos pessoais e $ 19 para projetos com até 5 colaboradores e/ou projetos.

4. PIN UX

Uma das coisas com ferramentas de design, seja para ilustrações ou design de interface do usuário, é que depois de algum tempo, todas elas parecem iguais. Claro, cada ferramenta tem algum recurso distinto que a outra pode não ter, mas olhando de longe – as ferramentas de design tendem a ser construídas de forma semelhante.

Então, como o UXPin difere disso?

UXPin é uma ferramenta de design baseada em código que permite construir suas interfaces usando os mesmos componentes que os desenvolvedores usam. O recurso é chamado de Merge e está disponível apenas para React.

É possível usar o UXPin sem esse recurso, e a plataforma está madura para o trabalho diário da interface do usuário, incluindo prototipagem, wireframing e trabalho colaborativo.

Se isso não parece louco o suficiente, o UXPin também suporta a integração de sistemas de design pré-existentes como ponto de partida para seu próximo projeto de interface do usuário. Você pode escolher entre Material UI ou navegar no diretório Adele para todas as bibliotecas de componentes que o UXPin suporta.

Plug sem vergonha: já escrevi sobre bibliotecas de componentes React antes.

Se você quiser saber mais, o lugar para fazer isso seria o UXPin Docs. Você encontrará instruções detalhadas sobre cada aspecto do que esta ferramenta tem a oferecer, incluindo exemplos do Editor e como usá-lo, além de muitos outros recursos e todas as informações sobre o recurso Mesclar.

E quanto aos preços? O UXPin oferece dois planos diferentes: Merge e Standard. A mesclagem começa em $ 89 por mês para o plano Startup (1 usuário) e $ 119 por mês para o plano Company (também por 1 usuário). O padrão começa em US$ 19 por mês por usuário, com o plano Pro custando US$ 69 por mês.

5. Designer de Afinidade

O Affinity Designer geralmente é negligenciado porque não é comercializado como uma ferramenta de UI/UX em si.

Ainda assim, é capaz de criar maquetes, design de interface do usuário, logotipos e ativos de marca. Além disso, possui recursos de ilustração fenomenais, o que é ótimo se seu objetivo principal ao usar o Figma fosse projetar e otimizar coisas como ativos de marca e estrutura criativa geral.

Este vídeo de Joshua Omido é uma boa visão geral da interface do Affinity, mas também de todo o processo de trabalhar com um design de interface de usuário de aplicativo móvel.

Dito isto, o Affinity Designer não possui recursos como colaboração e prototipagem em tempo real e também não possui um sistema de plugins. Definitivamente, um disjuntor para as equipes.

E por último, mas não menos importante, a área em que o Affinity Designer se destaca é o seu sistema de licenciamento. Você só paga pelo software uma vez (US$ 60 + uma avaliação gratuita) e pode usá-lo em seus dispositivos Windows ou macOS.

6. InVision

A InVision oferece uma solução alternativa ao FigJam. Como usuário do Figma, você provavelmente já está familiarizado com o FigJam. Caso contrário, é uma interface de quadro branco baseada em equipe on-line, onde você pode trabalhar juntos em ideias, definir planos em pedra e criar trajetórias de projetos visuais. A InVision oferece a mesma solução, com foco na acessibilidade ( tem um plano gratuito! ) e recursos diretos.

Existem ferramentas de design de UI/UX (nativas) para Linux?

Eu vi essa pergunta sendo muito feita nas últimas 24 horas, e até onde eu sei – a única ferramenta nativa de design de UI/UX do Linux é o Akira.

O projeto está muito em desenvolvimento inicial. A menos que as pessoas estejam dispostas a contribuir para o projeto ou apoiá-lo financeiramente, espero que o progresso seja relativamente lento. É também por isso que muitas das ferramentas de design de UI/UX mais populares se concentram estritamente em uma interface baseada em navegador, pois elimina a necessidade de criar aplicativos nativos.