Revisão de Figma |

Figma (abre em nova aba)o livre ferramenta de desenvolvimento webpermite que os designers criem facilmente wireframes e protótipos antes do início do desenvolvimento.

A importância de uma boa UI e UX não pode ser subestimada. À medida que os gostos dos usuários se tornam mais refinados e a concorrência no espaço digital se torna mais acirrada, as empresas não podem pagar por interfaces não intuitivas, desajeitadas ou inconsistentes que não funcionam da maneira que os usuários esperam. É efetivamente a chave para atrair novos usuários – e retê-los por mais tempo.

Ferramentas de maquete como o Figma – que foi comprado pela Adobe em setembro de 2022 – permite construir protótipos realistas de uma forma muito simples. Nesse sentido, é como uma mistura de Photoshop e Canva para designers profissionais.

Mas a simplicidade não é o único atrativo da ferramenta. A ferramenta de design de produto baseada em navegador é fortemente focada em colaboração online – qualquer dispositivo que sua equipe use.

Figma: Planos e preços

• Ferramenta gratuita com assinaturas mensais e anuais com preços razoáveis

O Figma é um aplicativo de design de interface gratuito com assinaturas mensais e anuais premium para usuários avançados.

A versão gratuita é limitada, é claro. Os usuários podem criar três arquivos Figma e três arquivos FigJam. Isso não é ruim para usuários casuais, equipes muito pequenas e designers freelancers.

Existem duas atualizações disponíveis para usuários pagos.

Professional adiciona arquivos ilimitados, conversas de áudio e bibliotecas de equipe. Útil se você precisar manter uma marca consistente. Os custos são $ 15 / £ 14 / $ 24 AUD por editor por mês.

Para assinaturas anuais, os preços caem para $ 12 / £ 11 / $ 19AUD por editor por mês.

O Organization oferece tudo incluído no Professional, além de bibliotecas de toda a organização, análises, gerenciamento centralizado de arquivos e muito mais. Isso está disponível apenas em uma assinatura anual, com custos divididos em $ 45 / £ 41 / $ 71 AUD por editor por mês.

No geral, o Figma oferece um preço intermediário para o mercado. Esboço e Adobe XD são ambos fracionadamente mais baixos no preço; Axure RP é mais caro. O Figma custa muito menos que o UXPin, mas é uma ferramenta mais ampla usando código interativo ao vivo, para que designers e desenvolvedores trabalhem em sincronia. O Penpot oferece uma ferramenta de design e prototipagem gratuita e de código aberto para criativos que trabalham com orçamentos mais apertados.

Figma: Interface e experiência

• Interface elegante e moderna que é fácil de navegar

Como seria de esperar de um aplicativo de design de interface do usuário dedicado, a interface do Figma é intensamente limpa. Quando você acessa a página inicial, há muita coisa acontecendo, para ser justo. E se tudo isso é novo para você, o número da folha de opções pode inicialmente ameaçar esmagá-lo.

Mas, na verdade, apesar de muitas opções (o que não é ruim), tudo é bem entregue na tela. Tudo parece estar onde deveria estar. Isso torna a navegação intuitiva e fácil de executar qualquer ação necessária. Para uma ferramenta operando dentro de um navegadortambém é incrivelmente responsivo

Em última análise, se você tem algum conhecimento de passagem de software de design gráfico e aplicativos, você deve achar a interface simples do Figma direta.

• Interface e experiência: 5/5

Figma: Design

• Ferramentas poderosas para designs consistentes

Se você sabe como posicionar e redimensionar formas e linhas, pode usar o Figma. O trabalho básico de design depende de soltar formas, imagens e caixas de texto em um quadro em branco e, em seguida, ajustar as propriedades para obter o resultado desejado.

Não subestime Figma, no entanto. A ferramenta de prototipagem é muito mais poderosa do que parece à primeira vista. Você encontrará todas as principais ferramentas – desde ferramentas de dimensionamento e texto até ferramentas de caneta inteligente – localizadas na parte superior da tela. E sim, os atalhos de teclado são totalmente suportados para acessá-los, para maior eficiência e melhores fluxos de trabalho criativos. Isso se estende até à sua ferramenta de lápis à mão livre – mantendo pressionada a tecla Shift, você pode garantir que as linhas horizontais e verticais sejam absolutamente perfeitas.

Depois de começar a criar seu wireframe ou maquete, cada componente ou elemento é adicionado ao painel de Camadas à esquerda. É aqui que o Figma espelha mais de perto o topo da Adobe editor de foto. Em operação, no entanto, você o achará semelhante ao Sketch, o aplicativo de design somente para Mac. Mas ao optar pelo conhecido sistema baseado em camadas, ele oferece maior controle sobre cada elemento – e facilita muito a adoção em toda a equipe.

Facilitando ainda mais o processo de design, você encontrará modelos para diferentes dispositivos na guia Protótipo à direita. Os produtos da Apple dominam esta seção, com uma infinidade de opções de iPhones, iPads, Macs e Apple Watch. Mas você também encontrará suporte para tamanhos de tela Android grandes e pequenos, Microsoft Surface Pro 8, e até mesmo TVs. Seria bom ver essa lista expandida ainda mais, mas, no geral, é uma maneira rápida de garantir que seus designs atendam às necessidades (e dispositivos) de seus usuários. Só para ter certeza, porém, você pode usar o Figma Mirror para visualizar designs no Android e iOS. Assim como na ferramenta principal, os protótipos espelhados serão atualizados instantaneamente se forem feitas alterações no design.

Após a assinatura, o Figma permite exportar para PNG, JPEG, SVG e PDF. Essa não é uma grande variedade, mas são formatos acessíveis – e, novamente, significa que todos os envolvidos no processo podem visualizar o design finalizado.

Figma: colaboração online

• Construído para trabalhar em conjunto com sua equipe

A colaboração online é a pena no boné da Figma. Com híbrido e Trabalho remoto agora a norma, é um recurso inegociável para a maioria das equipes de design. E o Figma facilita o trabalho em conjunto, desde os conceitos iniciais até a entrega final.

Você pode compartilhar designs rapidamente – basta clicar no botão Compartilhar – mas a ferramenta garante um bom nível de controle sobre como (e o que) você envia para outras pessoas. A partir daí, os usuários podem escrever comentários, deixar feedback e – nos planos Profissional e Organização – até ter conversas de áudio com colegas para colaboração em tempo real.

Se você depende da colaboração online, o FigJam desempenhará um papel importante nisso. A ferramenta de quadro branco foi projetada para brainstorming de ideias e organização de ideias. Como o Figma, é deliciosamente simples de dominar. Melhor ainda, os arquivos de design funcionam em ambas as ferramentas, para ajudar a aumentar produtividade e o processo criativo.

Em outros lugares, a biblioteca da equipe garante que os guias de estilo e a marca sejam mantidos em todos os projetos. Isso ajuda as equipes a criar designs mais consistentes e manter a marca em todo o fluxo de trabalho – e, esperamos, menos problemas ou idas e vindas quando o produto for para os desenvolvedores.

Há também suporte para componentes de design de ações gratuitos e pagos, widgets e plugins criados pela comunidade Figma mais ampla. Isso dá ao software ainda mais utilidade (e certamente ajuda quando esses prazos começam a aparecer).

• Colaboração online: 5/5

Figma: veredicto final

O Figma oferece um design moderno e intuitivo de UI e UX que é distintamente acessível a todos. Na verdade, não podemos exagerar como é fácil de usar. Ele faz tudo o que os designers precisam – e faz isso com um kit de ferramentas avançado e poderoso – esteja você criando um novo aplicativo ou site ou qualquer outro recurso de design gráfico. Mas seu foco firme na colaboração online torna isso uma tentativa obrigatória para as equipes de uma organização.

Figma: placar

Devo comprar?

Compre se…

Não compre se…