Divi Code AI - Seu assistente de codificação pessoal em Divi

Boas notícias para web designers e desenvolvedores: chegou uma adição inovadora ao conjunto de ferramentas Divi AI . Em outubro de 2023, a Divi anunciou uma nova adição ao seu kit de ferramentas de IA - Divi Code AI, uma ferramenta que simplifica o desenvolvimento web dentro do ecossistema Divi. Divi Code AI possui a capacidade única de escrever código, gerar CSS e fornecer assistência inestimável na personalização de sites Divi por meio do Visual Builder. Os usuários agora podem se beneficiar da experiência de um desenvolvedor web front-end experiente, bem versado nas complexidades de cada módulo Divi. Este blog explora como o Divi Code AI transforma a experiência de web design do Divi , prometendo maior eficiência e um maior nível de diversão.

Personalize o site com codificação AI

Os usuários podem facilmente identificar um novo ícone de IA situado abaixo dos campos de código do Divi. Simplesmente clicando neste ícone, os indivíduos podem transmitir seus requisitos específicos à Divi AI. Dependendo do elemento que está sendo personalizado e da natureza do campo que está sendo editado, o Divi AI adapta prontamente suas respostas para se adequar à tarefa em questão.

A título de ilustração, quando um usuário deseja incorporar texto gradiente em um título, um recurso de design não disponível nativamente no Divi, ele pode simplesmente solicitar ao Divi AI que gere o CSS necessário. Em poucos instantes, o título é adornado com um impressionante efeito gradiente.

Os usuários podem participar de um diálogo contínuo com a Divi AI para ajustar o resultado. Em uma demonstração em vídeo, o usuário sentiu que o gradiente inicial estava um tanto moderado e, portanto, pediu à Divi AI para intensificá-lo. O resultado agora é o gradiente ideal, alcançando a vibração desejada.

Crie elementos personalizados

O módulo Code se destaca como a estrela brilhante do Divi Code AI, ostentando a capacidade de lidar com HTML, CSS e JavaScript com facilidade. Os usuários podem simplesmente solicitar ao Divi AI que crie um pop-up com atraso de 30 segundos, convidando os visitantes a assinar seu boletim informativo, com a liberdade de descrever a aparência do pop-up. Em poucos instantes, o Divi AI gera o código sem esforço, resultando em um pop-up atraente e eficaz que chama a atenção dos visitantes do site.

Divi AI possui uma ampla gama de recursos quando se trata de módulos de código. Ele pode incorporar facilmente recursos como um efeito de digitação para o título do seu herói ou transformar uma seção Divi em uma barra lateral flutuante conveniente e descartável. Assim que os usuários se familiarizam com a interação com o Divi AI, um reino de possibilidades emocionantes se abre diante deles.

Opção CSS de formato livre para todos os módulos

Eles implementaram um aprimoramento notável em todos os módulos Divi – um recurso CSS de formato livre que permite aos usuários estilizar o módulo em foco e quaisquer elementos subjacentes usando a pseudoclasse “seletor”. Por exemplo, ao editar um módulo do Blurb, você pode facilmente aplicar uma sombra de caixa e ajustar a aparência de seus elementos IMG e H3 criando regras CSS como a mostrada abaixo:

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 adição prova ser inestimável para Divi AI, concedendo-lhe a flexibilidade necessária para atender às suas solicitações e personalizar módulos inteiros sem esforço.

Personalização CSS gerada por IA

Utilizar o Divi Code AI no novo campo CSS de formato livre prova ser uma experiência notável. No vídeo de demonstração abaixo, os usuários podem testemunhar a Divi AI executando sem esforço uma sequência de personalizações. As instruções são claras: transformar a imagem em uma forma circular, adicionar uma sombra de caixa sutil, sobrepor a imagem com um gradiente semitransparente e aplicar uma animação de zoom acionada pelo foco.

Graças ao profundo conhecimento da Divi AI das estruturas dos módulos Divi e à sua proficiência em CSS, essas tarefas complexas são normalmente resolvidas com sucesso na tentativa inicial ou são levadas notavelmente perto do resultado desejado.

Base de código Divi

O que diferencia o Divi Code AI é seu ajuste fino na base de código do módulo Divi, oferecendo uma vantagem distinta em comparação com outros modelos de linguagem grandes. Graças à sua familiaridade com as classes do módulo Divi e saídas HTML, ele se destaca na compreensão de solicitações ambíguas e no reconhecimento de termos específicos do Divi nas solicitações do usuário.

Por exemplo, no vídeo abaixo, um usuário instrui o Divi Code AI a criar CSS para personalizar a aparência dos módulos Blurb e Button. Impressionantemente, o Divi Code AI discerne instintivamente a natureza dos elementos Blurb e Button, identificando com precisão as classes relevantes. Essa precisão permite fornecer personalizações precisas na primeira tentativa.

Codificação Conveniente

Divi Code AI oferece ações rápidas fáceis de usar para ajustar seu código. Com apenas um clique, ele pode otimizar, formatar e melhorar automaticamente a compatibilidade com navegadores mais antigos. Além disso, você tem a flexibilidade de modificar o código usando prompts, desbloqueando infinitas possibilidades criativas.

Biblioteca de trechos de código baseada em nuvem

Embora o Divi AI possa não ser perfeito, ele permite que os usuários persistam em suas conversas e colaborem com a IA para refinar o resultado desejado. Os usuários também podem solicitar uma “nova tentativa”. A cada tentativa, o Divi AI gera resultados ligeiramente variados, descobrindo frequentemente a solução desejada após algumas tentativas.

Mesmo para aqueles com um conhecimento fundamental de desenvolvimento web, a Divi AI pode agilizar a personalização do site e obter resultados específicos que antes só eram alcançados por meio da contratação de um especialista.

Empacotando

Divi Code AI é mais do que apenas um avanço tecnológico; é uma virada de jogo no mundo do web design. Ele oferece aos usuários o poder de aproveitar os recursos de um desenvolvedor web front-end qualificado diretamente do Divi Visual Builder .

Quer você seja um web designer experiente ou um novato na área, o Divi Code AI abre as portas para maior eficiência e personalização. Mergulhe e experimente o futuro do web design com Divi Code AI.