Adobe Figma Tutorial - Como fazer uma landing page para lançamento no Figma
HTML-код
- Опубликовано: 23 май 2022
- Neste vídeo, ensino passo a passo como criar uma landing page para uma Imersão utilizando o Adobe FIGMA.
Baixe os arquivos utilizados no tutorial e siga o passo a passo:
drive.google.com/drive/folder...
🚀O curso de Auto Layout do Figma que vai levar suas habilidades de design para o próximo nível!
👉 Clique e tenha acesso: nextlevelfigma.com.br/auto-la...
🔥Através das aulas passo a passo e exercícios práticos, você dominará as técnicas de autolayout e estará pronto para criar designs flexíveis, adaptáveis e consistentes para qualquer dispositivo e tamanho de tela.
🔥Licença Elementor Pro:
👉bit.ly/licenca_elementorpro
🔥Entre para nossa comunidade no Telegram:
Comunidade para que os alunos possam receber e compartilhar dicas constantes e rápidas e tirar dúvidas sobre o Figma.
🎁Os próximos vídeos serão liberados uma semana antes na comunidade para depois serem liberados para todo o público aqui do canal:
👉t.me/+Kn2lI3vd1D5lMTUx - Наука
Assista o vídeo, desenvolva a Landing page e envie um e-mail para luanildosilva@nextlevelfigma.com.br com o resultado desenvolvido seguindo o tutorial para receber seu selo de conquista:
badgr.com/public/badges/6a4ExwGmQcq-BruzxyM7Jg
Mano absurdo o conteudo sinceramente Muitissimo Obrigado
Obrigado pelo comentário.😃
Parabéns pelo vídeo Luanildo.
Peguei meu primeiro trabalho pra fazer uma landing page. E minha idéia seria algo parecido com a foto da minha cliente.
Parabéns pelo conteúdo e por dividir tão bem seu conhecimento.
muito bom! valeuu
Valeu Fabio! Obrigado pelo comentário.
Muitoo bom!!
Obrigado pelo comentário!!
como que vc colocou as paletas de coles em cima do seu painel
Não sei como ele fez, mas posso dar uma sugestão. Crie um circulo, copie quantos precisar e preencha cada um no "Fill" com a cor que vc deseja. Espero ter ajudado
Bom mesmo.
Obrigado Gisele. Seja bem-vinda. Estou preparando um conteúdo ainda melhor.
Muito bom! Mas eu tenho uma duvida, quando eu termino de criar a landing page, como faço para criar um site e colocar ela funcionando?
Opa Glaean. Obrigado pelo comentário. E sobre sua dúvida, é o seguinte. Existem alguns caminhos para isso, no Figma até tem plugins para transformar o Design em código HTML e CSS, porém testei, mas não gostei dos resultados. Você pode tanto aprender HTML + CSS + Wordpress, exportar a imagens e montar toda estrutura ou você pode utilizar algumas ferramentas que te ajudam neste processo quando você não domina HTML, CSS e afins. E uma destas ferramentas é um plugin de Wordpress chamado de Elementtor. Dá uma conferida nestes vídeos do Othon Ciparoni ruclips.net/channel/UCJ1sqdQf13uph-SGsK5mnBQvideos Ele tem um conteúdo bacana mostrando como fazer esse processo.
@@LuanildoSilvapelo elementor vc aplica a imagem como conteiner ou como background?
Sou Gestor de tráfego e tô aprendendo a criar sites com html e css, na video aula acabei me dando conta que a arte e todos os seus elementos da LP, era criado no figma, ai vim parar aqui rs.
Essa aula me trouxe vários insights, obrigado!
Pensei que mexer no Figma fosse um horror de dificil, mas eu gostei demais dessa aula! @Luanildo Silva
eu só tenho duvida se no "responsivo" dessa forma que vc fez a LP, ela fica ok?
Opa Acelino. Fico feliz em saber que o vídeo foi útil para você. O Figma é bem tranquilo de aprender em relação a outras ferramentas de design.
@@acelinoguilherme6837 Neste vídeo não fiz a versão para Smartphone. Geralmente já monto o HTML e CSS da página deixando responsivo para que ele possa se adaptar aos diversos tamanhos de tela.