Como criar uma Landing page completa para produto físico - Tutorial Figma
HTML-код
- Опубликовано: 21 июл 2022
- Neste aula vou te ensinar a criar um belíssimo layout de landing page para um produto físico. Mostro o passo a passo sem deixar nenhum detalhe de fora.
👍❤️ Curti, compartilha e não esquece de se inscrever no canal e deixar seu comentário💬.
👉Baixe os arquivos utilizados no tutorial e pratique:
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
Vídeo bem bacana, fiz a landing page e ficou muito boa!
Ótimo exercício pra quem é iniciante no figma.
Você é o melhor, hoje estou trabalhando graças a seus projetos. Deus Abençoe.
Opa Kalebe. Amém!! Feliz d+ com seu comentário. Fantástico saber que meu conteúdo está ajudando desta forma. Isso me motiva ainda mais a continuar produzindo conteúdo de qualidade. Se precisar tirar alguma dúvida, me chama pelo Instagram @luanildosilva. Será um prazer ajudar. Que Deus nos abençoe!!
Muito Obrigado, precisava muito de um projeto para a escola e o seu video me ajudou muito! VLW😁😁
Obrigado pelo comentário. Fico feliz em ter ajudado.😉
Muito top! 👏🏽👏🏽👏🏽
Esse video e incrivel, muito obrigado por compartilhar ele.
Obrigado pelo comentário. Fico feliz em poder ajudar.
Rapazzzzzzzzzzzzzz. Que topppp. Parabéns
Obrigado. 🚀🚀
Otimo Video Luanildo Silva, conteudo show!
Obrigado Marcos. Fico feliz em saber que estou contribuindo. Estou preparando para fazer o próximo vídeo ensinando a transportar esta landing page para o Wordpress utilizando Elementor.
Ficou incrível, muito obrigado pela aula!
Obrigado Wemerson. Seja bem-vindo ao canal!
Muito produtivo!! Obrigado mesmo!!
Obrigado Ricardo 🤩. Sucesso!
Excelente vídeo, obrigado.
Obrigado pelo comentário. 🤩
Conteúdo muito bom, aprendi muito sobre figma e design de interface no geral com essa aula 👍
Valeu @Saulo! Seja bem-vindo ao canal.
Cara que top. Brigadão por essa aula
Obrigado! Seja bem-vindo ao canal.
Muito obrigada! A didática foi ótima :)
Fico muito feliz!!🤩
Vídeo excelente. Acabei de passar inteira para o Figma. Próximo passo é implementar!
Muito bom @João. Obrigado pelo comentário. Tenho certeza que a implementação vai ficar top!
Maravilhoso!
Aprendi muitas coisas que eu não conhecia. Obrigada.
Obrigado pelo comentário. Sucesso na sua jornada!!
senssacional, era o que estava procurando. respondeu muitas dúvidas que eu tinha. obrigadooooo.
Que bom Edilainy. 🤩🤩
Muito obrigado por compartilhar todo esse conhecimento de graça!!! Reproduzi a versão do vídeo e pretendo criar a mobile agora.
Opa!! Valeu Jhonatan! Obrigado pelo comentário. Com certeza o resultado da versão mobile vai ficar muito bom. Qualquer dúvida, estou por aqui.
Amigão, valeu mesmo, melhor tutorial, abriu muito meus olhos Valeu mesmo
🤩 Obrigado Ricardo. Sucesso!!
Muito f0d4🚀
Aprendi a mexer no FIGMA com esse vídeo! Muito obrigada amigo.
Que top!! Fico feliz por isso. Obrigado pelo comentário.
@@LuanildoSilva Ganhou mais uma inscrita. Compartilha mais vídeos, você é bom!
@@raylinebarbosaa Seja bem-vinda. Obrigado!! Me esforçando para postar novos conteúdos em breve.
Conteúdo, Animal topsssssssssssss.
Obrigado Jaime. Comentários como os de vocês me deixa mais animado para produzir conteúdo de qualidade.😃
Mutio show!!! Faz um vídeo de como seria importar o layout e configurar no Wordpress.
Valeu Lucas. Seja bem-vindo. Estou pensando em fazer algo nesse sentido, pois tenho percebido que é uma duvida recorrente.
@@LuanildoSilva vai ajudar muito.
Assista o vídeo, desenvolva a Landing page echo 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/z-YFTUYcT_SgsFDAuDaXrQ
Enviado. Obrigada.
@@shanamonteiro7605 show! Badge concedido. Vai chegar uma notificação no seu e-mail. 👏👏
Parabéns irmão. Aprendi muito! Que tal transformar esse layout em responsivo no próprio figma? Uma versão mobile l
Obrigado pelo comentário e pela dica.
Luanildo, so uma duvida. No seu curso, voce ensina transição do projeto do Figma para WordPress?
Olá André. O curso que tenho disponível hoje é focado na função Autolayout. Do Figma para o Wordpress ainda não tenho nada pronto.
Tem como eu fazer a landing page no figma e colocar no greatpages?
Belo trabalho, ficou muito bonita. Uma questão, pra quem está começando a construir páginas e, não tem muita grana pra investir, fazer um portfólio no Behance é suficiente ou e preciso construir um site?
Olá Rogério. Obrigado pelo comentário e pela pergunta: Um portfólio no Behance é suficiente para começar. Se vc ainda não tem clientes, crie clientes "fictícios", desenvolva projetos para esses clientes e dispobilize em plataformas como o Behance. Depois concentre sua energia em prospectar clientes reais. Elimine o máximo de coisas que possa te impedir em partir para o mercado em busca de clientes. Você vai perceber que muita coisa que achamos que é importante, na verdade não é.
Não sei oque esta acontecendo, mas quando vou aplicar o auto layout no minuto 1:20:04 o retangulo de fundo, ele sai do fundo e fica alinhado abaixo dos textos. Poderia me ajudar?
Opa @Marcos. Vi um comentário seu ontem, quando fui responder, sumiu. Mas vamos lá. Antes de aplicar o auto layout certifique que não existe nenhuma camada abaixo do retângulo. Fiz várias simulações e só da errado quando existe algo abaixo do retângulo dentro do grupo com o titulo, texto 1 e texto 2. Mas se ainda assim não der certo, faça o seguinte: No lugar do retângulo você cria um Frame com o mesmo tamanho e efeitos e coloca o titulo, texto 1 e 2 dentro do frame e aplica o auto layout. Neste caso vc não precisa agrupar e não precisa do retângulo.
@@LuanildoSilva Fiz esse mesmo comentario e apaguei, porque ontem "consegui" resolver esse problema, so que hoje aconteceu novamente e fiquei curioso para saber oque esta acontecendo. Fiz alguns testes com as suas dicas e percebi que quando eu apago o retangulo e faço ele novamente da certo, com o frame tambem da certo. O problema foi resolvido, mas ainda ficou uma interrogação na minha mente, oque tinha de errado? Eu segui a risca o seu tutorial, fiz todos os passos e não tinha nenhuma camada abaixo. Será bug do figma? Pois esse problema ja aconteceu duas vezes.
alguém poderia disponibilizar esse projeto já pronto para mim?