Apresentando Divi Code AI, seu assistente pessoal de codificação Divi

Hoje, temos o prazer de lançar o Divi Code AI, um novo braço do conjunto de ferramentas Divi AI que pode escrever código, gerar CSS e ajudar a personalizar seus sites Divi dentro do Visual Builder. É como ter sempre ao seu lado um desenvolvedor web front-end especialista que conhece os detalhes de cada módulo Divi!

Obtenha Divi AI hoje

Personalize seu site com código gerado por IA

Você notará um novo ícone de IA abaixo dos campos de código do Divi. Clique no ícone, diga ao Divi AI o que você deseja que ele faça e, dependendo do elemento que você está personalizando e do tipo de campo que está editando, ele responderá adequadamente.

Por exemplo, se eu quiser adicionar texto gradiente a um título, para o qual o Divi não tem uma opção de design, posso pedir ao Divi AI para escrever o CSS para mim. Em alguns segundos, meu título tem um lindo gradiente aplicado.

Posso até continuar a conversa com Divi AI e refinar o resultado. No exemplo de vídeo abaixo, achei que o gradiente original era muito sutil, então pedi ao Divi AI para torná-lo mais vibrante. Agora parece perfeito!

Crie elementos totalmente personalizados

O módulo Code é onde o Divi Code AI brilha porque pode fazer o que você quiser com HTML, CSS e JavaScript. Posso pedir ao Divi AI para criar um pop-up que apareça após 30 segundos e convide os usuários a aderir ao meu boletim informativo. Posso até descrever a aparência do pop-up. O Divi AI gera o código em alguns segundos e tenho um pop-up atraente em meu site que chamará a atenção do visitante.

Divi AI pode fazer todo tipo de coisa com um módulo de código. Que tal adicionar um efeito de digitação ao título do meu herói ou transformar uma seção Divi em uma barra lateral flutuante descartável? Depois de aprender a falar com o Divi AI, um novo reino de possibilidades se abre.

Apresentando a opção CSS de formato livre para todos os módulos

Introduzimos uma opção CSS de formato livre para todos os módulos Divi, permitindo estilizar o módulo atual e qualquer subelemento usando a pseudoclasse “seletor”. Por exemplo, se quiser adicionar uma sombra de caixa ao módulo do Blurb que você está editando no momento, bem como estilizar os elementos IMG e H3 dentro do Blurb, você pode escrever algo assim:

selector { <span class="webkit-css-property" aria-label="CSS property name: box-shadow">box-shadow</span><span class="styles-name-value-separator">: </span><span class="value" aria-label="CSS property value: 0 10px 20px 0 #000">0 10px 20px 0 #000</span><span class="styles-semicolon">; }</span>

selector img { border-radius: 100px; border: 5px solid #000; }

selector h3 { margin-top: 20px; }

Esta nova opção é excelente para Divi AI porque lhe dá a liberdade necessária para atender às suas solicitações e personalizar um módulo inteiro de uma vez.

Personalize qualquer módulo usando CSS gerado por IA

Aproveitar o Divi Code AI no novo campo CSS de formato livre é fantástico! No exemplo de vídeo abaixo, peço ao Divi AI para realizar uma série de personalizações. Peço para alterar o formato da imagem para um círculo, adicionar uma sombra de caixa, criar uma sobreposição de gradiente semitransparente na parte superior da imagem e aplicar uma animação de zoom ao passar o mouse.

Como o Divi AI conhece a estrutura e as classes de cada módulo Divi, e como é um especialista em CSS, muitas vezes ele pode realizar essas tarefas desafiadoras na primeira tentativa ou, pelo menos, chegar ao alcance da solução certa.

Divi Code AI está ajustado na base de código Divi

Uma das coisas que torna o Divi Code AI especial é que ele foi ajustado na base de código do módulo Divi, dando-lhe uma vantagem sobre outros modelos de linguagem grandes. Como conhece as classes do módulo Divi e a saída HTML, ele pode interpretar melhor solicitações vagas e reconhecer a terminologia Divi em seus prompts.

Por exemplo, no vídeo abaixo, peço ao Divi Code AI para escrever algum CSS para personalizar a aparência dos meus módulos Blurb e Button. Ele entende intuitivamente o que são um Blurb e um Button e direciona com precisão as classes corretas, acertando minha solicitação de personalização na primeira tentativa.

Ações rápidas de codificação convenientes

Divi Code AI vem com ações rápidas convenientes que você pode usar para refinar o código. Otimize, formate e melhore automaticamente a compatibilidade com navegadores antigos com um único clique.

Você também pode usar o Divi AI para alterar o código usando um prompt, abrindo possibilidades ilimitadas.

Crie sua biblioteca de trechos de código na nuvem

Os campos de código do Divi funcionam com Divi Cloud, o que significa que você pode salvar trechos de código gerados por IA na nuvem para usar em qualquer site. É uma ótima maneira de criar uma biblioteca superútil de trechos de código.

Emparelhe o programa com a ajuda da IA

Divi AI não é perfeito, mas mesmo quando dá errado, você pode continuar a conversa e emparelhar o programa com a IA para aprimorar o resultado desejado. Você também pode pedir ao Divi AI para “tentar novamente”. Cada vez que tenta novamente, produzirá um resultado ligeiramente diferente, muitas vezes tropeçando na solução desejada após algumas tentativas.

Mesmo que você tenha apenas um conhecimento básico de desenvolvimento web, você pode aproveitar o Divi AI para personalizar seu site mais rapidamente ou obter resultados específicos que não seriam possíveis antes sem a contratação de um especialista.

Mais recursos de IA estão a caminho

Estamos apenas começando com os recursos de IA do Divi. Divi AI agora pode gerar imagens, escrever conteúdo e personalizar seu site usando código personalizado. A seguir, combinaremos todas essas ferramentas para facilitar a geração completa do layout! Não deixe de seguir e se inscrever para não perder minhas atualizações futuras. Eu sempre dou uma visão detalhada de cada novo recurso, então se você administra seus sites no Divi, não vai querer perder essas postagens!

Ganhe 40% de desconto no Divi AI por apenas uma semana!

Para comemorar o lançamento do Divi Code AI, estamos oferecendo 40% de desconto no Divi AI na próxima semana. Qualquer pessoa que comprar Divi AI antes do final da venda economizará US$ 115 por ano e garantirá essas economias para o resto da vida! Além disso, todos os membros da sua equipe podem usar o Divi AI sem custo adicional. Obtenha o desconto aqui