Ganhou mais um inscrito. Achei que o Figma Fazia igual ao Adobe Muse. Exportar já tudo pronto em HTML, CSS e Java. Enfim. Mas a aula foi boa pelo fato de que eu achava o Elementor um bicho de sete cabeças. Com você a situação ficou beeem clara.
Gostei da dica, obrigado. 🙏🏻 Eu estou fazendo alguns serviços e precisava de alguma forma anexar esse processo no meu fluxo de apresentação para o cliente.
Show de aula amigo. porém é a primeira vez que mecho no figma e tentei desvincular as imagens do site que importei e não consigo, a opção que você usou, ela está bloqueada e meu layout ele está bem mais básico, o que eu posso fazer?
Olha, eu acreditava que para a exportação ocorrer bem, eu deveria criar um arquivo no figma com a largara de 1920px, pq eu acreditava ser o tamanho de uma página. Porém estou vendo que você cria em 2560px. Qual o certo?
Dúvida! Estou ainda conhecendo o Figma. então quer dizer que todo o arquivo feito não serve pra muita coisa? apenas meio q uma referência? Pq meio q o Layout todo foi organizado novamente no Elementor.
Fala Filipe, serve e muito. O figma tem as opções de feedback do cliente, e fica mais fácil versionar opções da mesma LP sem precisar subir um por um pra saber o que quer.
basicamente o figma é excelente para protótipo.. mas não envolve programação para fazer funcionar em sites ou aplicativos... aí tem que usar das habilidades mesmo.
@@rodrigofragoso5662 Oi Rodrigo, tudo bem? Então isso significa que mesmo que o FIGMA tenha sido atualizado há pouco tempo dando a opção de pegarmos os códigos das edições, ainda assim todo o trabalho precisa ser feito manualmente quando falamos em exportar para o elementor? Não existe nenhuma IA que copie todo o design que eu criei para um site e que coloque de uma vez só para o wordpress de forma responsiva?
eu não entendi o video, tentei e não consegui, não tem como exportar o site que você fez no figma n..... se for exportar tem que criar tudo do zero n é?
Então basicamente não há exportação, pois tu cria tudo no Figma e depois recria a mesma coisa no elementor tendo como base o que foi feito no Figma. A "exportação" é apenas das ideias, não de algo "concreto" de um site para o outro com poucos clicks.
vim ver se tinha uma forma mais fácil e esse não ajuda muito. Faço isso direto no elementor, ou pelo photoshop. o certo seria algum, plugin para importar direto do figma.
Realmente eu também achei que houvesse uma maneira mais automática de exportar. Porém as vantagens é como o Hericky falou, você consegue criar o layout com mais facilidade e fazer as modificações de modo mais rápido para aprovação do cliente, depois que estiver tudo 100% você consegue recriar no Elementor em poucas horas. Em alguns casos já vi também o cliente já ter um Dev e só precisa de um layout no Figma para depois executar. Dependendo de quanto retrabalho tiver até a aprovação e quantas páginas faz por mês você ganha mais agilidade no serviço.
Mas criar no figma é muito mais simples, você pode criar uma página de cada vez em poucos minutos, depois só exportar pra essas landing pages se agruparem e virar um site.
Se você no figma só exporta imagens, então seria mais viável criar TUDO já no elementor, pra poupar a perca de tempo de redigitar tudo no elementor, alinhar tudo, recriar os botões?
O Exportar é apenas a última parte do processo, criar no figma me da o poder de criar quantas versões eu quiser com o cliente e acompanhar essa evolução de página a página. Exportar é o menos importante do processo de se trabalhar no figma.
Infelizmente ainda não André, até testei uns 2 plugins onde você cria diversos grupos de auto layouts, mas o peso da pagina fica gigante e ainda partes carregam desconfiguradas. Não gravei, justamente por dar mais retrabalho que esse formato do vídeo.
vim ver se tinha uma forma mais fácil e esse não ajuda muito. Faço isso direto no elementor, ou pelo photoshop. o certo seria algum, plugin para importar direto do figma.
🔵Conheça o insitewp e aprenda viver da criação de sites sem códigos
👉 hericky.com.br/insitewp/?YTB&
amigo , quando eu subo o bg fica com bordas brancas, quando eu tiro o repetir do bg , pq isso acontece ?
segui os paços igual no video
Uma dica, janela Windows + V e vai ativar histórico copias colar para não ficar indo e voltando copiando algo.
Ganhou mais um inscrito. Achei que o Figma Fazia igual ao Adobe Muse. Exportar já tudo pronto em HTML, CSS e Java. Enfim. Mas a aula foi boa pelo fato de que eu achava o Elementor um bicho de sete cabeças. Com você a situação ficou beeem clara.
Elementor é tranquilidade irmão! obrigado pelo feedback
@@herickyalencar tu tem algum curso completo de Elementor?
Conteúdo top, só faltou explicar como fazer para celular, muitos devem ter ficado com esta dúvida.
Vdd nem todos tem Pc ou notebook
no elementor vc adapta mano
Como o amigo ai disse, mais um conteúdo ABSURDO ... fera demais meu irmão, ajuda muito!❤️
Valeu pelo feedback meu mano!
ótimo vídeo !
Aula Show de bola! Comecei está semana a mexer no Figma, valeu pelas dicas, Grande Abraço!
Gostei da dica, obrigado. 🙏🏻
Eu estou fazendo alguns serviços e precisava de alguma forma anexar esse processo no meu fluxo de apresentação para o cliente.
Sensacional. Muito prático e didático.
melhor aula que já vi sobre o tema. muito obrigado
excelente conteúdo. Direto ao ponto, explicativo e muito preciso, parabéns e muito sucesso ao teu canal!!
Valeu Pedro, obrigado pelo feedback!
mano esse cara e brabo demais explica muito bem
Caraca, esse vídeo eu tava procurando demais macho, obg
Muito foda! Meu banner tava ficando todo errado mas agora vai dar certo!
Aula TOP. Curso comprado. Conhecimento é tudo!
Fala Hericky tudo bom! Man tenho uma dúvida se após exportar tudo eu consigo utilizar no elementor na versão Free. Parabéns pelo vídeo valeu!
Gostei amigo, qual o vídeo que você fala onde você criou esse layout? Procurei no seu canal e não achei!
tem algum vídeo exportando do Figma para o Canva? Use via pdf, mas precisei redimensionar e ficou errado....sabe alguma solução?
sensacional to assistindo todas suas aulas
Boaa!
Qual é a aula que explica como criar o layout no figma?
Obrigado pela dica, vai me ajudar muito! Estou fazendo a transição de carreira e estou bem feliz, em breve estarei fazendo seu curso! ✌🙏
é necessário assinar o wordpress pra usar o elementor?
Tem como exportar carrossel dinâmico (com protottpe)?
Show de aula amigo. porém é a primeira vez que mecho no figma e tentei desvincular as imagens do site que importei e não consigo, a opção que você usou, ela está bloqueada e meu layout ele está bem mais básico, o que eu posso fazer?
Ainda nem estreiou mas eu ja sei que o conteúdo ta um absurdo!
Opa, vamo que vamo man!
nossa obrigado por este video .. muito bom .. já ganhou mais um inscrito ...
Gratidão Mestre!
Ótima aula!
Teria como exporta para woocommerce no wordpress?
é obrigatorio e fazer esse cartes das duas imagens?
Vlw mano!
Olha, eu acreditava que para a exportação ocorrer bem, eu deveria criar um arquivo no figma com a largara de 1920px, pq eu acreditava ser o tamanho de uma página. Porém estou vendo que você cria em 2560px. Qual o certo?
Parabens Hericky! Por acaso, vc tem algum vídeo que ensina com criar esse fundo do seu vídeo? com esses livros meio desfocado, bem bacana
Ele ensina no curso, por sinal, um excelente curso, ensina tudo que vc precisa pra construir uma página do design ao WordPress/elementor
Parabéns pela aula. Vc falou sobre a diminuição da imagem.. utilizando o "TIME PNG" KKKK pode explicar"
TinyPNG, um site que comprime as imagens sem perder a qualidade.
Conteúdo excelente!
Muito bom....
Gostei do vídeo. Mas queria saber onde está o vídeo que vc fez a edição do photoshop.
Esse vídeo aqui: th-cam.com/video/IJgwDNqV1-o/w-d-xo.html
Como dividiu essa imagem do fundo? foi no photoshop? e depois colocou no figma?
Mostro nesse vídeo: th-cam.com/video/IJgwDNqV1-o/w-d-xo.htmlsi=A6X-JmVs1LBQVrSg
Aula muito top
Parabéns
Top
Dúvida! Estou ainda conhecendo o Figma. então quer dizer que todo o arquivo feito não serve pra muita coisa? apenas meio q uma referência? Pq meio q o Layout todo foi organizado novamente no Elementor.
Fala Filipe, serve e muito. O figma tem as opções de feedback do cliente, e fica mais fácil versionar opções da mesma LP sem precisar subir um por um pra saber o que quer.
basicamente o figma é excelente para protótipo.. mas não envolve programação para fazer funcionar em sites ou aplicativos... aí tem que usar das habilidades mesmo.
@@rodrigofragoso5662 Oi Rodrigo, tudo bem?
Então isso significa que mesmo que o FIGMA tenha sido atualizado há pouco tempo dando a opção de pegarmos os códigos das edições, ainda assim todo o trabalho precisa ser feito manualmente quando falamos em exportar para o elementor?
Não existe nenhuma IA que copie todo o design que eu criei para um site e que coloque de uma vez só para o wordpress de forma responsiva?
Muito bom!!
eu não entendi o video, tentei e não consegui, não tem como exportar o site que você fez no figma n..... se for exportar tem que criar tudo do zero n é?
Então basicamente não há exportação, pois tu cria tudo no Figma e depois recria a mesma coisa no elementor tendo como base o que foi feito no Figma. A "exportação" é apenas das ideias, não de algo "concreto" de um site para o outro com poucos clicks.
Pse
vim ver se tinha uma forma mais fácil e esse não ajuda muito.
Faço isso direto no elementor, ou pelo photoshop.
o certo seria algum, plugin para importar direto do figma.
exatamente… não entra na minha cabeça esse negócio de fazer tudo no Figma e dps recriar no Elementor, não tem nexo nenhum pqp
Realmente eu também achei que houvesse uma maneira mais automática de exportar. Porém as vantagens é como o Hericky falou, você consegue criar o layout com mais facilidade e fazer as modificações de modo mais rápido para aprovação do cliente, depois que estiver tudo 100% você consegue recriar no Elementor em poucas horas. Em alguns casos já vi também o cliente já ter um Dev e só precisa de um layout no Figma para depois executar. Dependendo de quanto retrabalho tiver até a aprovação e quantas páginas faz por mês você ganha mais agilidade no serviço.
Mas criar no figma é muito mais simples, você pode criar uma página de cada vez em poucos minutos, depois só exportar pra essas landing pages se agruparem e virar um site.
Se você no figma só exporta imagens, então seria mais viável criar TUDO já no elementor, pra poupar a perca de tempo de redigitar tudo no elementor, alinhar tudo, recriar os botões?
O Exportar é apenas a última parte do processo, criar no figma me da o poder de criar quantas versões eu quiser com o cliente e acompanhar essa evolução de página a página.
Exportar é o menos importante do processo de se trabalhar no figma.
Como ficaria na versão mobile ?
Tu clica em "modo responsivo" no canto inferior esquerdo. Vai abrir uma opção pra você editar o modo mobile.
faltou dizer qual o tema esta usando no wordpress para a pagina ficar limpa como no video.
Normalmente o pessoal usa o tema Hello Elementor. Ai na hora da edição da página muda o modelo para Elementor Canvas, ela fica limpa zerada.
Não há um plguin que faça isso de forma automática?
Teria hoje 13/07/24 exportar o layout completo via .JSON?
Infelizmente ainda não André, até testei uns 2 plugins onde você cria diversos grupos de auto layouts, mas o peso da pagina fica gigante e ainda partes carregam desconfiguradas.
Não gravei, justamente por dar mais retrabalho que esse formato do vídeo.
tem como exportar um html feito no figma para a shopify?
Creio que sim, pesquise pelo plugin do figma "html.to.design"
Mais ou menos quanto posso cobrar por landing Page? Já sou design a bom tempo porém precificação é sempre uma dúvida
Se for top, 1.500R$. Tem gente que ganha 10k por mês.
Acima de R$1.000 ta valendo! Se o cliente quiser o design clean ou minimalista o valor está ótimo! Muitos detalhes, pode cobrar R$1.500 pra cima.
Na realidade eu entendi que ele não exporta e sim somente as imagens e vc precisa criar a pagina no elementor... obrigado.
TOPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
usa pagina do curso ux ui esta com problema!
Valeu, muito obrigado! Vou limpar o Cache
mano. vc não exportou, você remontou no Elementor rsrs
vim ver se tinha uma forma mais fácil e esse não ajuda muito.
Faço isso direto no elementor, ou pelo photoshop.
o certo seria algum, plugin para importar direto do figma.
Aff serve pra nada figma então
Não dá pra exportar tudo pelo o que entendi