(Tutorial) Como criar um site utilizando inteligência artificial

[@eaijoaocosta]

Pessoal, algumas observações sobre o vídeo: 1º A minha intenção no vídeo foi demonstrar para vocês o processo de criação de uma interface utilizando IA. 2º As IA's devem ser usadas como referências na hora da criação, tenho assim a possibilidade de alcançar excelentes resultados. Ela também nos auxilia com ideias naqueles momentos de bloqueio criativo. 3º Tenham muito cuidado na hora de utilizar esse tipo de ferramenta, tenham consciência, não copiem! Utilizem como auxílio para ter novas ideias.

[@caca_741]

Parabéns pelo vídeo e pelas descrições de observação, é isso ai. Sucesso!

[@eaijoaocosta]

@@caca_741 👊👊🙌

[@LucasUster]

Excelentes observações!

[@H4shun]

Esse é o melhor vídeo que eu vi em 2023, sou designer gráfico e você não sabe o quanto essa dica me ajudou a melhorar em meus Designs, meus trabalhos ficaram 200% mais profissionais

[@eaijoaocosta]

Fico muito feliz em saber disso 🥹👊

[@redescobrindo-sua-potencia1]

@@eaijoaocosta Cobra comissão man

[@viniciusmaia1407]

Muito útil mesmo mas a ferramenta por si só já substitui um designer man kkkkkkk acho que se um dia esse programa ficar muito famoso tipo um Google tradutor da vida vai ser meio tenso pra quem trabalha nessa area

[@Staff.ads-0]

Boa dia hashun o botão do try chatgpt ainda ta disponivel hj pra vc ? aqui ja não aparece mais

[@Fuibui]

@@viniciusmaia1407 Eu acredito que o midjourney e outras i.a's de geração de imagens são uma ferramenta e não uma solução, já existem pessoas "especializadas" em criação de imagem com i.a os prompt writers, então acredito que com o tempo surgirão empregos para pessoas que sabem utilizar bem essas ferramentas.

[@gab0nezio]

estou usando o Midjourney Bot pra criar sites e foi a melhor coisa que ja fiz na vida, Midjourney Bot + BootStrap Studio + WebAPP + WebAssembly

[@eaijoaocosta]

Que bom que está otimizando seus processos. Sucesso!

[@iaml2909]

tu faz pra vender?

[@andresilvarodrigues3379]

vc consegue fazer um site inteiro usando essas plataformas??

[@rogeriocarmo6026]

Powa man tu é foda viu, pra quem trem trava de criatividade essas duas ferramentas é genial 🤯

[@eaijoaocosta]

Elas vão otimizar bastante o nosso tempo

[@sigaphimports]

um dos melhores vídeos que assisti em 2023!

[@unrealskillVIP]

Caralho qu qualidade foda deste video mano, isso é digno de conteúdo pago mané e voce entrego de graça que top se loco surreal.

[@viniciusmaia1407]

Cara ao mesmo tempo que é incrivel essa tecnologia acho que ela também representa um possível fim de várias áreas dentro do Desing , literalmente só algumas palavras pra ter um trabalho profissional em mãos kkkk

[@eaijoaocosta]

não podemos nos acomodar e sempre buscar conhecimento.

[@joaopedrosouza80]

Não seria um fim mas sim uma readaptação da profissão com o inevitável avanço das I.A´s. As inteligências artificiais (IA) e a automação podem certamente ajudar a automatizar algumas tarefas de design, como a geração de protótipos e a criação de layouts básicos. No entanto, elas ainda não são capazes de substituir completamente os designers humanos, pois a criatividade e a capacidade de entender as necessidades dos usuários e os objetivos do negócio são habilidades fundamentais para o sucesso no design de interface de usuário e de experiência. A alternativa para os profissionais de UI e UX é se especializarem em áreas que não podem ser facilmente automatizadas, como a pesquisa de usuários e a avaliação de design, além de se manterem atualizados com as últimas tendências e ferramentas de design. Outra alternativa é se especializar em áreas que requerem uma abordagem multidisciplinar, como o design de voz, o design de realidade virtual ou o design de sistemas de inteligência artificial.

[@tocafondi]

N existe isso... Canvas tai, e zilhoes de apps fazendo tudo "automático" Qualquer pessoal normal pra conseguir um resultado +ou- , vai ter que se especializar em design gráfico... As referências que as ferramentas deram, já existem trocentos sites fazendo isso...Pinterest, Behance, dribble... Agora todo mundo tá indo pro digital e precisando de social média... Enquanto qualquer um pode aprender e vender os serviços... Só vai aumentar, na onde vc ta vendo fim?

[@viniciusmaia1407]

@@tocafondi Onde que alguma dessas ferramentas faziam algo por você? Elas só facilitavam o uso e te davam referências, a IA te entrega tudo de bandeja literalmente

[@ErwinBr100]

@@viniciusmaia1407 Eu acho que o futuro para os Desing estara na Tecnica e argumentação voltada a marca(variaveis). Não necessariamente não usaremos o IA, porém para fazer sentindo a estrategia da marca (marketing, publicidade o como vai atingir e ser usado), ainda o IA não chegou nisso. Ainda....

[@witherzx4835]

Trabalho com wordpress, as vezes tenho dificuldades pra fazer banners, isso vai ser muito útil, vlwww

[@majincards]

Opa camada, já cheguei dando o like!!! Tema top e com certeza já aprendi algo contigo, mais um inscrito, sucesso!

[@eaijoaocosta]

Muito obrigado, pode ter certeza que tem muito conteúdo top vindo por aí.

[@kamila_arrah]

Eu tava pensando justamente isso esses dias e o KZbin me recomendou seu vídeo, tô aqui, me inscrevi, deixei like, vou ficar acompanhando muito bom vc explica tudooo!! Parabéns sucesso👏🏽👏🏽👏🏽👏🏽

[@eaijoaocosta]

Muito obrigado!! :)

[@vitorribeiro8690]

Minha opinião sobre esse video é q tu é brabo dms!! ajudo muito! Obg

[@eaijoaocosta]

Fico feliz por poder ajudar!

[@nicolaspvd1497]

Simplesmente gênio! foda mano!

[@eaijoaocosta]

🔥🔥

[@vannecicolella]

Muito top, minha dúvida é se eu tenho a ideia do nome que eu quero colocar, mas não tenho o logo ?

[@infanciaemquadrinhos]

Na moral, que conteúdo Top. Gratidão 🙏🏻

[@eaijoaocosta]

🔥🔥👊

[@kissywagon]

caí no teu canal de paraquedas, se pode me dizer pra que serve essa arte? divulgar sites?

[@lucassilva6209]

Brabo de mais máximo respeito !

[@eaijoaocosta]

🔥🔥🚀

[@kamila_arrah]

Só pra deixar aqui registrado que cheguei antes dos milhares de inscritos 😁✌️

[@eaijoaocosta]

Haha, a minha intenção é ajudar, os inscritos são consequência. :)

[@johnnatapaixao]

Mano, surreal que conteudo de ouro. Gratidão, sucesso pra você irmão!

[@vanderdamasio2547]

Parabéns pelo conteúdo e pela didática. Ganhou um membro.

[@eaijoaocosta]

Que bom que gostou. Muitos conteúdos pela frente!

[@eaioquecfaz4969]

Muito da hora o trabalho melhor do que ficar reclamando da AI é fazer ela trabalhar para nós o jogo é esse

[@eaijoaocosta]

Devemos nos aliar as inteligências artificiais para alcançar excelentes resultados.

[@Thloll]

Muito bom, parabéns pelo excelente conteúdo!

[@eaijoaocosta]

Obrigado brother 🔥

[@LucasUster]

Cara, parabéns pelo seu vídeo! Foi exatamente o que eu estava buscando. Sucesso! 🚀

[@cristiano_adm]

Ficou TOP mano, bala d+

[@darth3216]

Sou programador e penso: Posso criar um sistema (extensões para sites ou e-commerce) que utilize essa I.A como base. Assim posso criar Copys, Slogan e etc, somente exportando-as para o meu projeto... muitas oportunidades em cima disso aí

[@UtilitariosTech]

esse vídeo é ouro

[@eaijoaocosta]

🔥🔥🚀

[@web4Brasil]

Bacana! 🤖🧑🏻‍🚀🤖👩🏻‍🚀🤖🚀🌝

[@eaijoaocosta]

Valeu!! 🚀

[@gacesar_]

Cara muito legal, parabéns. Estou buscando maneiras de criar automatizações e trabalhar de forma simultaneamente as ferramentas… tive alguns insights já usando sozinho, e com seu vídeo complementou ainda mais. Vamos usar as IAs ao nosso favor, com responsabilidade e estrategicamente. Ótimo vídeo!

[@jpc132012]

Conteúdo massa demais.

[@eaijoaocosta]

Obrigado xará!

[@carlosjuniormidi]

Cara, muito bom o seu conteúdo, maravilhoso, sucesso!

[@eaijoaocosta]

Obrigado irmão 🔥

[@jamilfrancisco2224]

E a imagem para voce mandar para o desenvolvedor ?

[@karuna3037]

Tua voz parece muito com o ADM Julio do pvu.... video top

[@JulianaAyres]

Caramba, que incrível!!!! 👌👍👏👏👏👏

[@eaijoaocosta]

Feliz por ter gostado! 🙃

[@marllonfonseca1055]

Tenho uma dúvida. Supondo que o projecto é para um cliente. Nós devemos fazer a programação também? Como funciona?

[@yuripiresoficial]

ficou muito bom, e agora como coloca isso por exemplo em um wordpress e colocar pra rodar o site realmente?

[@eaijoaocosta]

Você poderia usar no elementor, mas o que eu aconselho é utilizar as IA como referências para criar a sua própria interface.

[@sergiosousa4076]

será q tem como o chatgpt gerar o código a partir do layout do figma ou uma imagem?

[@eaijoaocosta]

Nesse nível eu acho que ele ainda não consegue, mas dá para pedir auxílio em alguns códigos mais simples

[@brasilpatriotanews]

O chatgpt não está funcionando, desde hj cedo. Diz que a demanda está alta e tal.

[@eaijoaocosta]

Para mim está normal, chegou uma nova versão você já viu? 🙃

[@DeathSpirit19]

Muito detalhado e bem explicado seu vídeo! Duas dúvidas: 1º O Midjourney é pago e tem um limite gratuito para gerar imagens. Usando deste forma ele ainda assim irá cobrar quanto bater o limite de imagens? 2º Após ter criado o site no Figma. O que é preciso para torna-lo funcional? Sair de apenas um projeto de design e de fato rodar 100% no navegador?

[@darth3216]

Criei várias imagens pelo Discord, o Plano Pago do Midjourney é para acessar a biblioteca da I.A e baixar as imagens geradas pela comunidade do Discord

[@DeathSpirit19]

@@darth3216 você gerou mais de 25 imagens?

[@darth3216]

@@DeathSpirit19 Mais de 90

[@DeathSpirit19]

@@darth3216 entendi. Vou tentar por aqui. Consegue baixar normal as imagens que você mesmo cria após 25 prompt?

[@DeathSpirit19]

@@darth3216 Infelizmente aqui não deu certo. Ele já avisou que o plano gratuito já está próximo do fim e indicou eu assinar um plano.

[@anicesio6869]

Será que o Microsoft disiner funciona também ?

[@brunospedroso]

Vamos ver o futuro, se a galera vai aprender copiando a máquina, na prática ou vai acabar se acomodando e deixando de aprender as coisas... dúvida do século

[@eaijoaocosta]

Ótima reflexão, não podemos nos acomodar.

[@seunegocio2024]

joao não sei o que eu fiz aparece lá job cancelado isso quer dizr o que ? mas continuo fazendo as imagens pelo bot

[@eaijoaocosta]

Você deve ter errado em algum comando ou espaçamento... tenta fazer acompanhando o vídeo, acho que irá te ajudar.

[@Jltools]

Cara sou leigo , mas depois que fica pronto essa página no figma , como que manda para um domínio que eu tenha, exemplo tenho uma página no wix recente, estou aprendendo a mexer ainda.

[@eaijoaocosta]

Você poderia usar a imagem como um banner, mas o que eu aconselho é utilizar as IA como referência para criar a sua própria interface.

[@consegvida]

Muito Interessante, Obrigado

[@eaijoaocosta]

🔥🔥

[@coleirotoptuitui9572]

Aula profissional , valeu.

[@lopizinholopes8228]

aquela primeira parte não é uma copy, eu sou copywriter e já tentei criar uma copy usando o gpt, ele acaba criado uma descrição ao invés de uma copy.

[@eaijoaocosta]

Obrigado pelo alerta! Eu realmente não sabia, agora vou ficar mais atento. 🙃

[@thamiresduartealves9155]

A dúvida é : Consigo exportar esse mesmo design para plataformas como a shopify, wix e outras?

[@7ictor.ramosz]

Parabéns pelo vídeo!

[@eaijoaocosta]

Valeu!

[@rogerio8710]

Bom trabalho.

[@eaijoaocosta]

Obrigado! 🙌

[@MENINOFLAMENGUISTA]

OTIMO VIDEO ! PARABENS UMA DICA DE UM NOVO VIDEO FAÇA UM VIDEO COMPLETO , PASSO A PASSO PROCURANDO UM TRABALHO NO WORKANA (OU OUTRA PLATAFORMA DE FREELANCE) E ENTREGANDO O PROJETO ! NOVAMENTE PARABENS

[@AChamaSombria]

Vídeo MT bom , parabéns

[@samuelweberbr]

Rapaziada que tá com medo de perder emprego, existe milhões de pessoas que seriam bons atores e nem por isso são, autenticidade é a palavra, aprendam a jogar o game do mercado, criatividade, originalidade, existem milhões de pessoas artistas e nem por isso fazem quadros que valem milhões, não é o produto final é a oferta!

[@samuelweberbr]

Sem contar que você vai ter que aceitar tudo que a IA te dar, não consegue mudar a camada, não te dá liberdade...

[@gugasilva1648]

E se eu quiser, por exemplo, separar aquela imagem do relógio + pedra de fundo pra trabalhar ela com html e css, por exemplo? Sou Desenvolvedor Web, curti muito a ideia de usar as IA's pra auxiliar no processo criativo (inclusive até livrando minha pele de usar imagens com direitos autorais em meus sites de exemplo). Mas a pergunta é como eu poderia separar somente a imagem do relógio (ou a de quaisquer outros itens gerados pelo Mid Journey) pra trabalhar separadamente. Ex: No fim, você fez um design no figma, eu poderia selecionar e copiar os textos nos meus códigos. Porém, na hora de desenvolver sites, algumas imagens precisam ser baixadas e colocadas diretamente no código. No seu design Figma, a imagem está "colada" com a tela de fundo, não conseguiria pegar somente a imagem do relógio com a pedra. Não sei se fui claro o bastante 😅 Resumindo, por mais que seja trabalho de um Designer, o que ou quais ferramentas eu poderia usar pra fazer essa separação do Relógio + Pedra?

[@eaijoaocosta]

Você poderia utilizar uma outra plataforma de IA que se chama REMOVE BG, para remover o fundo da imagem.

[@nevermino7]

tenho uma imagem de uma marca de relógios, a IA consegue fazer uma nova imagem para colocar na pagina do meu site?

[@eaijoaocosta]

Ela vai conseguir gerar uma outra imagem a partir da sua, mas corre o risco de sair um produto um pouco diferente, tem um outro vídeo aqui no canal que eu mostro como estar criando a partir de uma imagem base como referência kzbin.info/www/bejne/d6iTf4Ntl79gd5I

[@nevermino7]

@@eaijoaocosta Certo, vou obrigado! vou assistir

[@DedeXavier]

Muito top o vídeo!

[@eaijoaocosta]

Muito obrigado 🔥

[@brunomacedoreis]

Acho sensacional as possibilidades que a IA nos proporciona para evoluir. Só tem um detalhe no Midjourney que as imagens geradas são a partir de já existentes, de algum fotógrafo, ilustrados, etc e não pagam direitos autorais. Pegar uma imagem gerada pode acarretar em processos por uso indevido de imagem. Só fiquem atentos.

[@muatring]

Isso é falso. A midjourney é incapaz de criar cópias de imagens reais pixel por pixel e a IA nem funciona desse jeito, a IA treina em um banco de dados de imagens, criando conhecimento de conceitos, mas depois dessa etapa, ela descarta todas as imagens usadas no treinamento e a partir dai ela gera imagens totalmente originais atraves de randomização de parametros, ou seja, você nunca tera uma imagem exatamente igual a outra no midjourney, muito menos imagem exatamente imagens iguais a imagens feitas por pessoas. Não sei se você sabe, mas você pode usar uma imagem para pesquisar a origem dela no google, se você tentar fazer isso com imagens geradas pela IA, você não terá nenhum resultado porque essa imagem não existe.

[@seunegocio2024]

e não aparece meu link do servidor

[@PortaldeNovaLima]

Boa tarde João! sou corretor de imóveis e gostaria de criar um canal tipo jornalismo para falar de imóveis. Pode me dar uma dica?

[@aleatorioanonimo4655]

Amei

[@joaopedrosouza80]

Você falou que iria fazer em Photoshop mas fez no Figma. Sabe me informar se no Photoshop é possível fazer com esses detalhes também?

[@davi.v.lustosa]

com certeza mano, é porque no figma é mais fácil fazer o layout

[@LeonardoGibramt]

João, no Midjourney, todos os Prompts são públicos?

[@eaijoaocosta]

Se você criar em uma das salas do terminal do Midjourney, sim. Agora se você criar no seu próprio terminal só irá aparecer para você e para as pessoas que adicionar lá (caso adicione)

[@7ictor.ramosz]

Desculpa a ignorância, na hora de ajustar as colunas, qual foi o fator de decisão para você escolher a medida 72x32?

[@eaijoaocosta]

Essa é uma medida padrão que utilizamos para criar o grid dentro do figma.

[@-ronesalencarcarvalho3253]

Ai você me obriga a me inscrever. Bom trabalho!

[@joelesteves5794]

Para utilizar discord tenho que pagar a subscrição?

[@julius_sincero]

De graça o desconto é maior

[@eaijoaocosta]

Até você por aqui Julius? Hahaha

[@Felipe-br5vf]

Quanto tempo você utilizou no total até a finalização do site?

[@MENINOFLAMENGUISTA]

UMA DUVIDA NO CASO VC CRIOU A PRIMEIRA FOLHA(CAPAS) DA LENDING PAGE , VC ENTREGA SOMENTE AS IMAGENS EM PDF PARA O CLIENTE? DESCULPE PELA IGNORANCIA NO ASSUNTO SOU NOVATO

[@manualdotrader325]

A tela mosqueteira serve?

[@MrVewziko]

Topissimo

[@eaijoaocosta]

Valeu! 🔥

[@marcuscampos9508]

A IA sempre vai precisar de um humano pra dar um toque final, senão vai ser um mar de sites iguais.

[@luisf.33]

💯

[@eaijoaocosta]

🔥🔥

[@emerody7704]

Na hora de criar o site, tem como jogar essa imagem assim como está ou eu teria que recriar tudo do 0 no elementor?

[@ricardosam2112]

Top obrigado

[@eaijoaocosta]

🔥🔥🚀

[@gbzcalegari5163]

diz q n esta disponível no meu país, qq eu faço?

[@eaijoaocosta]

O Midjourney ou ChatGPT? Você entrou no link que deixei na descrição?

[@criscaires6713]

Show!

[@viewthedifference]

Desculpa a ignorância, mas quais são os próximos passo para transformar em uma landing page?

[@austenmoraes9745]

codar

[@Fernando-xd6oi]

Ñ ENTENDI UMA COISA ELE CRIOU RELÒGIO Q A PRINCIPIO NÃO EXISTEM E CASO EU QUEIRA EM CIMA DE UM MODELO QUE EXISTE?

[@rodrigobonfim9011]

Aí você teria que fotografar o item. A maioria dos desingers trabalha dessa forma, ou paga algum fotógrafo, ou você mesmo aprende a fotografar para criar seus projetos.

[@bevilacquajulio343]

Tá, como q tu coloca isso no site agr ?

[@Robsonzanelatto1]

Top

[@eaijoaocosta]

Valeu!

[@aleatorioanonimo4655]

gostei

[@ricardovieira2841]

O Midijourney tem limitação, como você trata isso?

[@eaijoaocosta]

Ele tem uma limitação mesmo, você tem a opção de estar contratando um pacote de 200 imagens por $10,00 dólares

[@ricardovieira2841]

@@eaijoaocosta 200 imagens já é bastante coisa rsrsrs, valeu!

[@juniorrocha8833]

Mas o site é uma imagem de background aí é pesado demais

[@artur.mendes8739]

shou de bola cara

[@eaijoaocosta]

Valeu! :)

[@raphael656]

o Que siginifica esse Ui; Ux ??

[@eaijoaocosta]

User interface/ user experience

[@ericalmeida2979]

bom vídeo

[@shirleytaveira1365]

🤩👏👏👏

[@aleatorioanonimo4655]

show

[@jhonjhon6249]

ai como eu coloco no wordpress

[@eaijoaocosta]

Você poderia usar no elementor, mas o que eu aconselho é utilizar as IA como referência para criar a sua própria interface.

[@Parcian-]

Essas imagens geradas são por AI?

[@eaijoaocosta]

Exato

[@julius_sincero]

😮😮😮😮

[@OTIAODASVENDAS]

Ele só libera 25 imagens

[@eaijoaocosta]

Bacana, da para criar bastante coisa!

[@Nodoraz]

cade o site

[@oficina_ald]

ele fez um hero, a 1 impressao da LP

[@_arkskill]

Eu uso os dois porem nunca pensei em fazer isso kkkkkk

[@rikel369]

O cara cria uma leadpage com imagem de relógio de luxo, mas na loja só vende Cássio 🤭

[@ebram]

vim aqui esperando achar codigo, mas na verdade só achei mais um tutorial de imagem

[@ArgosZenon]

Pergunta comum: Essas ferramentas não vão acabar com várias profissões? Minha resposta: Não é bem assim, Vinícius. Sempre haverão pessoas que não terão acesso, não terão interesse em usá-las ou não saberão usá-las por mais fácil que pareça. Um exemplo é o WordPress, não qual é extremamente fácil criar um site e mesmo assim, a maioria das pessoas preferem pagar um profissional. Eu mesmo manjo muito de WordPress, mas quando estou muito atarefado, contrato outro profissional. Afinal nosso tempo e energia são escassos. - Sou um cara com 131 de QI que trabalha com Mercado Digital à 5 anos e sou usuário comum à 15 anos.

[@karina15kap]

Esse video agr esta defasado para quem não é assinante do Midjourney

[@pablosantana2927]

quem não sabe usar o ps quebra.

[@gpbm2618]

Cara muito legal o seu vídeo, só que vc não esta ensinando direito, na parte de criar o botão por exemplo vc , não explicou onde clicar pra criar o botão , vc só foi fazendo e isso pra quem nunca mexeu no figma é péssimo.

[@ArgosZenon]

Alguém conhece uma boa impressora 3D capaz de imprimir um relógio desse? Haha

[@ocomprador]

Mas se vc já tem um programa de criar visual personalizado como o Figma, por que ainda precisa de inteligência artificial para criar template? Cara, isso me parece redundância de criação.

[@cayena00pepper]

Animal