O que é Figma?

O Figma é um aplicativo de design de interface que roda no navegador, mas na verdade é muito mais do que isso. Eu diria que é provavelmente a melhor aplicação para projetos de design colaborativo em equipe. Vamos dar uma olhada!

O Figma fornece todas as ferramentas necessárias para a fase de design do projeto, incluindo ferramentas vetoriais capazes de ilustração completa, bem como recursos de prototipagem e geração de código para entrega.

Observação: isso faz parte do nosso guia de aprendizado atualizado regularmente The Designer’s Guide to Figma. Para saber mais sobre este poderoso aplicativo, experimente nosso tutorial gratuito da ferramenta de design Figma.

Figma é executado on-line

Embora o Figma seja baseado em navegador, existem versões para desktop para Windows e Mac OS. Presumivelmente, esses são aplicativos de encapsulamento que estão executando um navegador dentro deles, mas seja esse o caso ou não, o Figma está sempre sendo executado on-line nesses aplicativos.

Se você perder a conectividade, ainda poderá continuar trabalhando em qualquer documento que já tenha aberto. A ferramenta de design Figma armazenará suas alterações em seu navegador e, em seguida, sincronizará quando você for reconectado.

Colaboração

A natureza “sempre online” do Figma, na verdade, fornece alguns dos maiores pontos fortes da ferramenta. Um desses pontos fortes é que o Figma permite a colaboração ao vivo e em tempo real. Você e os membros de sua equipe podem fazer login em um design de uma só vez, fazendo alterações simultaneamente.

O fato de todos esses designs serem salvos on-line significa que você nunca precisa se preocupar com a falta de sincronia dos membros da equipe com o projeto. As alterações mais recentes estão sempre no arquivo, e você não precisa se preocupar em transferir arquivos entre membros da equipe ou enviar arquivos de e para qualquer plataforma de armazenamento de terceiros.

Isso também significa que você pode entrar em um design ao mesmo tempo que um cliente. Portanto, mesmo que você esteja em um local separado do seu cliente, você ainda pode ter uma reunião onde ambos estão olhando para a mesma coisa. O cliente pode fazer sugestões e você pode implementá-las ali mesmo.

Além de todas essas ferramentas de colaboração ao vivo, você também pode deixar comentários diretamente na tela.

Bibliotecas de componentes

O Figma permite que você construa bibliotecas de componentes reutilizáveis ​​aos quais toda a equipe tem acesso. Os componentes dão aos designers uma vantagem inicial em qualquer sistema de design existente e, quando um componente é atualizado na biblioteca central, essas alterações são feitas em tudo projetos para todos.

Prototipagem e saída de código

Para prototipagem, você pode criar conexões e pontos de acesso em seu design para simular como um usuário fluiria por essa interface. Para a fase de codificação, o Figma pode gerar código SVG, CSS e código iOS e Android.

Geleia de figo

Já que estamos mergulhando na colaboração, vale a pena falar sobre o FigJam aqui. Tem o mesmo espírito de trabalhar em projetos em equipe, mas se concentra na idealização. Em outras palavras, é o local perfeito para que todos possam fazer brainstorming e organizar ideias digitalmente.

Esta nova ferramenta tem muitos recursos úteis para a equipe, como:

  • temporizador para ficar na pista
  • formas, diagramas e objetos
  • bate-papo de áudio dentro do FigJam
Fig Jam para iPadFig Jam para iPadFig Jam para iPad
Veja como o FigJam fica no iPad, mas também está disponível no desktop. (Crédito da foto: Figma Blog)

Você ainda precisará fazer seu trabalho de design no Figma, mas o FigJam é útil para criação de ideias, planejamento e coleta de contribuições úteis de seu tempo todo.

As pequenas coisas

Então, isso cobriu os aspectos de colaboração do Figma, mas a melhor parte do Figma é realmente mais difícil de identificar. É o culminar de todas as pequenas coisas que o Figma faz muito bem, e há uma longa lista delas. Reunimos um monte deles em uma série chamada Figma Tips & Tricks. Há muitos para mencionar aqui, mas alguns dos meus favoritos incluem:

  • No Figma, um nó em um vetor pode ter vários segmentos anexados a ele (mais do que apenas os dois padrão). As formas mais complexas que você pode fazer com elas são chamadas de “redes vetoriais”.
  • O Figma permite importar rapidamente várias imagens de uma só vez, colocando-as exatamente onde você as deseja.
  • Ao mover um objeto pela tela no Figma, você verá sua altura e largura refletidas nas réguas.
  • Copie o código SVG diretamente de um objeto dentro do Figma e, inversamente, você pode copiar o código SVG de um editor de código e colá-lo como um gráfico na tela do Figma.

Resumir tudo: o que é Figma

O Figma é um aplicativo de design de UI e UX baseado em navegador, com excelentes ferramentas de design, prototipagem e geração de código. Atualmente, é (provavelmente) a ferramenta de design de interface líder do setor, com recursos robustos que dão suporte às equipes que trabalham em todas as fases do processo de design. Se ainda não experimentou, experimente!

Experimente o Figma

Se você estiver pronto para começar com a ferramenta de design Figma, mergulhe os dedos dos pés primeiro. Você pode usar este kit gratuito da Figma UI como um ponto de partida e uma excelente economia de tempo. Basicamente, é uma tela pré-fabricada para expressar suas ideias de design.

Você pode acessar mais kits de modelos de interface do usuário do Figma com sua assinatura do Envato Elements. Existem mais de 9.000 kits de UX e UI disponíveis na plataforma de download completo. Cada um é feito profissionalmente para que você obtenha resultados profissionais em seu trabalho.

Kits de interface do usuário Figma UX da Envato ElementsKits de interface do usuário Figma UX da Envato ElementsKits de interface do usuário Figma UX da Envato Elements
Navegue e baixe os milhares de kits pré-fabricados Figma UX e UI da Envato Elements.

Mais recursos Figma

Se você estiver interessado em aprender mais sobre a ferramenta Figma UI, confira os seguintes recursos:

Aprenda a ferramenta de design Figma

Criamos um guia completo para ajudá-lo a aprender o design do Figma, seja você novato nas ferramentas de design do Figma ou deseja levar suas habilidades para o próximo nível.

[ad_2]

Tagged with

Deixe uma resposta