Introdução ao Figma

Figma é uma ferramenta de design e prototipagem baseada na nuvem, amplamente utilizada para criar interfaces de usuário (UI) e experiências do usuário (UX), facilitando muito a colaboração com sua equipe, seja ela composta por designers, desenvolvedores ou qualquer outra pessoa envolvida em um projeto. Para designers, a ferramenta lembra um pouco o Adobe Illustrator, pois também é um software baseado em vetores, e para quem já conhece o Adobe XD, a experiência será bastante familiar.

Figma é excelente para criar wireframes, mockups e protótipos de aplicativos móveis e sites. Um dos maiores destaques é a colaboração em tempo real. Você e sua equipe podem trabalhar juntos no mesmo projeto, deixar comentários, fornecer feedback ou simplesmente acompanhar tudo ao vivo. É ideal para tornar o trabalho em equipe mais fluido e agradável!

Qual a diferença entre UI e UX no Figma?

UI (Interface do Usuário) está relacionada ao design visual, à aparência e sensação de um produto. No Figma, isso envolve criar elementos como botões, ícones, tipografia, esquemas de cores e layout.

Já UX (Experiência do Usuário) foca na jornada geral do usuário — como ele interage com o produto e quão intuitiva ou satisfatória é essa experiência. Isso inclui estruturar o conteúdo e a navegação para tornar a experiência mais fluida.

Resumindo, UI no Figma diz respeito à aparência, enquanto UX trata de como as coisas funcionam. O Figma oferece ferramentas para lidar com ambos de forma integrada, ajudando designers a criar produtos visualmente atraentes e fáceis de usar.

O link para o Figma é: https://www.figma.com/

Agora, vamos ver como é o Figma!

Mais um detalhe: ao escolher um arquivo da Figma Community, pode ser que apareçam duas opções, como aconteceu comigo. A diferença entre elas é:

• Usar UI Kit em um novo arquivo: o Figma utilizará todos os assets, ícones e componentes incluídos no arquivo em um novo projeto, sem copiar todos os frames e páginas;
• Fazer uma cópia deste arquivo: o Figma fará uma cópia do arquivo inteiro, incluindo frames, páginas, assets e tudo mais.