Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Começando | Ferramentas Básicas do Figma
UI/UX com Figma
course content

Conteúdo do Curso

UI/UX com Figma

UI/UX com Figma

1. Ferramentas Básicas do Figma
2. Criando e Organizando Objetos
3. Criando Visuais
4. Prototipagem
5. Submetendo Trabalho

book
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.
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 1
We're sorry to hear that something went wrong. What happened?
some-alt