Figma para Iniciantes: Criando Landing Page do Zero
Saulo Martins
0:00 / 0:00
Figma para Iniciantes: Criando Landing Page do Zero
15 210 просмотров · 2 года назад
Saulo Martins
575 подписчиков
15 210 просмотров · 2 года назад
Neste vídeo, vamos criar uma Landing Page do zero e, ao longo do processo, vou te explicar as principais funcionalidades do Figma.
____
0:00 Intro
0:14 O Figma
0:30 Novo projeto
0:52 Tema escuro
1:07 A interface
1:34 Ferramentas
2:47 Frame 1
3:11 Variáveis 1 (color styles)
4:56 Frame 2
5:26 Efeito (gradient blur)
7:51 Variáveis 2 (color styles)
9:11 Grid layout
11:49 Imagens
14:19 Agrupamento
Header
15:04 Header (cabeçalho)
17:22 Texto 1
18:30 Auto layout 1
26:39 Auto layout 2 (botão)
Hero Section
29:04 Hero section
29:26 Texto 2
30:04 Botão
30:56 Auto layout 3
Cards
34:09 Card
38:05 Auto layout 4 (cards)
Footer
39:52 Footer (rodapé)
Exportação
42:33 Exportando para imagem
____
Como criar PROTÓTIPOS no FIGMA:
• Como criar PROTÓTIPOS no FIGMA
____
Instagram: @saulomartinsweb
Gostou do conteúdo? Deixe seu like e inscreva-se no canal, pois compartilho dicas e tutoriais sobre desenvolvimento web, UX/UI design, criação de sites e web em geral! :)
____
#figma #webdesign #tutorial #iniciante