Como EXPORTAR LANDING PAGE do FIGMA para o ELEMENTOR

[@herickyalencar]

🔵Conheça o insitewp e aprenda viver da criação de sites sem códigos 👉 hericky.com.br/insitewp/?YTB&

[@aodestino]

amigo , quando eu subo o bg fica com bordas brancas, quando eu tiro o repetir do bg , pq isso acontece ?

[@aodestino]

segui os paços igual no video

[@ag7resultadosdigitais580]

Uma dica, janela Windows + V e vai ativar histórico copias colar para não ficar indo e voltando copiando algo.

[@jhonatanfranca6431]

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.

[@herickyalencar]

Elementor é tranquilidade irmão! obrigado pelo feedback

[@jhonatanfranca6431]

@@herickyalencar tu tem algum curso completo de Elementor?

[@deltadigtal5848]

Sensacional. Muito prático e didático.

[@1vinicyus]

Como o amigo ai disse, mais um conteúdo ABSURDO ... fera demais meu irmão, ajuda muito!❤️

[@herickyalencar]

Valeu pelo feedback meu mano!

[@BorgesGui]

melhor aula que já vi sobre o tema. muito obrigado

[@adrianoguedes3603]

Conteúdo top, só faltou explicar como fazer para celular, muitos devem ter ficado com esta dúvida.

[@canaldecursosdegratuitosso9860]

Vdd nem todos tem Pc ou notebook

[@vowltzdsgn]

no elementor vc adapta mano

[@Tilucrativo]

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.

[@joaodagrafica]

Aula Show de bola! Comecei está semana a mexer no Figma, valeu pelas dicas, Grande Abraço!

[@cortesrecordsoficial9182]

Caraca, esse vídeo eu tava procurando demais macho, obg

[@PedroHenrique-ry3ng]

excelente conteúdo. Direto ao ponto, explicativo e muito preciso, parabéns e muito sucesso ao teu canal!!

[@herickyalencar]

Valeu Pedro, obrigado pelo feedback!

[@heitorleonny5520]

Muito foda! Meu banner tava ficando todo errado mas agora vai dar certo!

[@MateusAlonso-lt3pd]

mano esse cara e brabo demais explica muito bem

[@LeandroCarvalho-dp9oh]

sensacional to assistindo todas suas aulas

[@herickyalencar]

Boaa!

[@mauro_freitas]

Qual é a aula que explica como criar o layout no figma?

[@jaisonmartins2707]

Gostei amigo, qual o vídeo que você fala onde você criou esse layout? Procurei no seu canal e não achei!

[@plazadsgn]

Obrigado pela dica, vai me ajudar muito! Estou fazendo a transição de carreira e estou bem feliz, em breve estarei fazendo seu curso! ✌🙏

[@xandepub]

Aula TOP. Curso comprado. Conhecimento é tudo!

[@itamardesigner]

Ótima aula!

[@douggaabriel]

nossa obrigado por este video .. muito bom .. já ganhou mais um inscrito ...

[@AlbertøWein]

Vlw mano!

[@diazzalmeida358]

Ainda nem estreiou mas eu ja sei que o conteúdo ta um absurdo!

[@herickyalencar]

Opa, vamo que vamo man!

[@MrSouzatiago]

Conteúdo excelente!

[@CosmicLoungeVitoria]

Gratidão Mestre!

[@RodrigoSouza-ee7nb]

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!

[@paulorodrigues8860]

Muito bom....

[@ArthurLalanne]

Top

[@otimasofertas]

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?

[@andefreitas500]

Parabéns pela aula. Vc falou sobre a diminuição da imagem.. utilizando o "TIME PNG" KKKK pode explicar"

[@lucas_kemps]

TinyPNG, um site que comprime as imagens sem perder a qualidade.

[@alineferreirasilva3994]

Tem como exportar carrossel dinâmico (com protottpe)?

[@christian047]

Aula muito top Parabéns

[@eujacksonrosa]

tem algum vídeo exportando do Figma para o Canva? Use via pdf, mas precisei redimensionar e ficou errado....sabe alguma solução?

[@drop2.0shopping]

Teria como exporta para woocommerce no wordpress?

[@leandrodasilva9119]

Muito bom!!

[@eujacksonrosa]

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

[@luanavicios8082]

Ele ensina no curso, por sinal, um excelente curso, ensina tudo que vc precisa pra construir uma página do design ao WordPress/elementor

[@Ponketino]

é necessário assinar o wordpress pra usar o elementor?

[@reen4087]

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.

[@lays_stefanny23]

Pse

[@rodrigofragoso5662]

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.

[@leoribeirop]

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

[@thales.marketing]

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.

[@igorsoares9426]

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.

[@tamiressouzadesign]

Gostei do vídeo. Mas queria saber onde está o vídeo que vc fez a edição do photoshop.

[@herickyalencar]

Esse vídeo aqui: kzbin.info/www/bejne/f3vKqHeEprtkY9E

[@k13kroonos73]

é obrigatorio e fazer esse cartes das duas imagens?

[@SharPlays]

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?

[@oandreleme]

Teria hoje 13/07/24 exportar o layout completo via .JSON?

[@herickyalencar]

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.

[@filipealmeida2302]

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.

[@herickyalencar]

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.

[@rodrigofragoso5662]

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.

[@Shaaiene]

@@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?

[@TheGlaucomarques]

faltou dizer qual o tema esta usando no wordpress para a pagina ficar limpa como no video.

[@thales.marketing]

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.

[@clubebrasilbrokers]

Não há um plguin que faça isso de forma automática?

[@Ruan_Santos_]

Como ficaria na versão mobile ?

[@AndersonSilva-jj5xt]

Tu clica em "modo responsivo" no canto inferior esquerdo. Vai abrir uma opção pra você editar o modo mobile.

[@musiclifestyle939]

tem como exportar um html feito no figma para a shopify?

[@herickyalencar]

Creio que sim, pesquise pelo plugin do figma "html.to.design"

[@rhuanzinhoOo]

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?

[@herickyalencar]

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.

[@MatheusDiasSsS]

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 é?

[@klebergiurizatto4841]

TOPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP

[@ORIGEMG4MER]

Mais ou menos quanto posso cobrar por landing Page? Já sou design a bom tempo porém precificação é sempre uma dúvida

[@igorc.alonsorocha]

Se for top, 1.500R$. Tem gente que ganha 10k por mês.

[@lert7858]

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.

[@FabricioZanella-fe1cq]

mano. vc não exportou, você remontou no Elementor rsrs

[@phzus778]

usa pagina do curso ux ui esta com problema!

[@herickyalencar]

Valeu, muito obrigado! Vou limpar o Cache

[@marcosliell1016]

Na realidade eu entendi que ele não exporta e sim somente as imagens e vc precisa criar a pagina no elementor... obrigado.

[@tecx6780]

Aff serve pra nada figma então Não dá pra exportar tudo pelo o que entendi

[@rodrigofragoso5662]

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.