Conteúdo do Curso
UI/UX com Figma
UI/UX com Figma
Começando
Figma é uma ferramenta de design e prototipagem baseada em nuvem amplamente utilizada para criar interfaces de usuário (UI) e experiências de usuário (UX), o que torna super fácil colaborar com sua equipe, sejam eles designers, desenvolvedores ou qualquer outra pessoa envolvida em um projeto. Se você é um designer, vai achar que se parece um pouco com o Adobe Illustrator, pois também é um software baseado em vetores, e se você já está familiarizado com o Adobe XD, vai se sentir em casa.
Figma é ótimo para projetar wireframes, mockups e protótipos para aplicativos móveis e sites. Uma das coisas mais legais sobre ele é a colaboração em tempo real. Você e sua equipe podem trabalhar no mesmo projeto juntos, deixar comentários, dar feedback ou apenas assistir a mágica acontecer ao vivo. É perfeito para tornar o trabalho em equipe suave e divertido!
Qual é a diferença entre UI e UX no Figma?
UI (Interface do Usuário) é tudo sobre o design visual, a aparência e a sensação de um produto. No Figma, isso envolve projetar elementos como botões, ícones, tipografia, esquemas de cores e layout.
Enquanto UX (Experiência do Usuário) foca na jornada geral do usuário — como eles interagem com o produto e quão intuitiva ou satisfatória é essa experiência. Envolve estruturar o conteúdo e a navegação para tornar a experiência fluida.
Em resumo, UI no Figma é sobre como as coisas parecem, enquanto UX é sobre como as coisas funcionam. O Figma fornece ferramentas para lidar perfeitamente com ambos, ajudando os designers a construir produtos que são visualmente atraentes e fáceis de usar.
O link para o Figma está aqui: https://www.figma.com/
Agora, vamos ver como o Figma se parece!
Uma última coisa, quando você escolhe um arquivo da Comunidade Figma, ele pode lhe dar duas opções, como aconteceu comigo. A diferença entre as duas é:
- Usar Kit UI em um novo arquivo: O Figma usará todos os ativos, ícones e componentes incluídos no arquivo com um novo projeto sem copiar todos os quadros e páginas;
- Fazer uma cópia deste arquivo: O Figma fará uma cópia do arquivo inteiro, incluindo os quadros, páginas, ativos e tudo mais.
Obrigado pelo seu feedback!