Apresentando: Frontier, o futuro do front-end pela Anima6 min read

Na era da IA generativa, nossa expectativa é que a IA simplesmente nos entenda. E, em muitos casos, ela já entende. E é pura magia quando uma ferramenta fornece exatamente o que você precisa, através de uma pequena dica.

Nosso objetivo na Anima é automatizar a engenharia de front-end para que os humanos não desperdicem seu tempo. Ao longo de 2023, a IA da Anima produziu mais de 750 mil trechos de código, o equivalente a 1.000 anos de codificação humana. Com mais de 1 milhão de instalações na plataforma do Figma, a Anima está liderando o espaço de design-para-código.

Na próxima fase, vamos nos aprofundar ainda mais na automação da codificação de front-end do dia-a-dia.

As LLMs de hoje não entendem Front-end e UI

Existem muitos modelos de geração de código, incluindo aqueles que autocompletam código, e até seguem instruções. Existem vários Copilotos populares – assistentes de codificação que ajudam você a codificar mais rápido e são baseados nesses modelos de código.

Porém, quando se trata de automação de Front-end, acreditamos que há uma grande lacuna entre o que existe e o que é possível. Com as capacidades da Anima e nossa compreensão desse domínio, estamos empenhados em resolver essa lacuna.

E assim, hoje, anunciamos o Frontier – um assistente de codificação com IA para desenvolvedores Front-end.

Frontier – Geração de código por IA com seu código em mente, feita sob medida para front-end

O Anima Frontier encontra os desenvolvedores onde eles estão: na IDE, começando com o VSCode, a IDE mais popular.

Primeiro o Frontier analisa toda a base de código e mapeia seu sistema de design de código, frameworks, convenções e componentes. Esta parte leva alguns segundos e é feita localmente, para que seu código seja o mais seguro possível.

Em seguida, usando o avançado mecanismo de design-para-código da Anima, o Frontier analisa seu design e simplesmente entende o que está na versão do design e no código do sistema de design.

E, por fim, você pode escolher qualquer parte do design do Figma diretamente no VSCode e obter código baseado no SEU código. E é mágico.

Solicitar Acesso

Aumentando a adoção de Design-systems através de automação

Projetos maduros frequentemente possuem centenas, senão milhares, de componentes. A governança e adoção do design system são tarefas desafiadoras, porém cruciais para a manutenção desses projetos. É aqui que a automação entra em cena para ajudar.

Segurança e Guardrails de Inteligência Artificial (IA)

O Frontier foi construído desde o início para oferecer uma solução segura em nível corporativo.

A adoção de IA em empresas enfrenta mais atrito devido a preocupações comuns com privacidade:

Privacidade de Saída (Egress): Como garantimos que nosso código não “vaze” para o modelo LLM através do treinamento (o que significa que outras empresas poderiam receber trechos do nosso código)?
Privacidade de Entrada (Ingress): Como garantimos que o código de outras empresas, que possa ter sido ajustado ou treinado no LLM, não entre em nossa base de código – causando problemas de segurança e potencialmente de direitos autorais?

Para gerar código que se integre à interpretação de um design no Figma pela Anima, mas que use os componentes da base de código do usuário, poderíamos ter escolhido o caminho mais fácil e simplesmente treinado o LLM em torno da base de código. Isso tem sérias implicações para privacidade e segurança, pois precisaríamos enviar uma quantidade significativa de código do usuário/empresa e treinar um LLM customizado em torno dele. Reconhecemos a importância da segurança e privacidade, especialmente para desenvolvedores em ambientes corporativos. Portanto, tomamos uma direção completamente diferente.

Em vez de fazer upload do código para a nuvem, nós implementamos coleta, indexação e modelos de ML localmente, dentro do VS Code. Eles identificam e indexam o código relevante no computador do desenvolvedor. As informações coletadas são armazenadas localmente, como parte da base de código, o que significa que podem ser compartilhadas com segurança dentro da equipe por meio do Git – e não pela nuvem. Quando um determinado componente precisa ser “instanciado”, temos a habilidade de realizar uma quantidade significativa de pré-processamento localmente e enviar para o LLM na nuvem apenas uma pequena quantidade de código e informações necessárias – não o suficiente para expor a empresa a qualquer risco de Entrada ou Saída. Essa abordagem inovadora também traz o benefício de performance, já que a maioria das operações são realizadas no computador rápido do desenvolvedor.

Nos bastidores do Frontier – LLMs, ML, e arquitetura focada em IA

Anima Frontier está automatizando o front-end com IA, baseada em sua vasta experiência como líder nessa área e utilizando a tecnologia mais avançada para essa missão.

Muitas vezes vemos “projetos de fim de semana” impressionantes, feitos 99% com LLMs e com resultados incríveis em 30% dos casos. São projetos legais, mas não são adequados para profissionais.

Os LLMs, por mais poderosos que sejam, abrem novas portas, mas não são um passe de mágica; eles requerem um ambiente de suporte. Na Anima, nós testamos e comparamos, escolhendo a ferramenta certa para cada tarefa. Quando se trata de LLMs, nós fornecemos contexto, validamos seus resultados e os configuramos para o sucesso.

No processo de resolver esse problema complexo, nós o dividimos em dezenas de problemas e requisitos menores. Alguns problemas exigem criatividade e são resolvidos melhor com LLMs, e modelos específicos são mais rápidos e têm melhor desempenho do que outros. Alguns desses problemas requerem técnicas clássicas de aprendizado de máquina/visão computacional, como classificação em vez de geração. Outros são resolvidos melhor com heurísticas.

Ao combinar as melhores soluções para cada problema individual, podemos produzir resultados impressionantes com risco mínimo de ״alucinações de LLM״, tão comuns em soluções de código baseadas em LLM.

O que vem por aí para o Frontier?

À medida que buscamos utilizar todo o potencial da IA para ajudar desenvolvedores a codificar front-end com mais rapidez, sentimos que estamos apenas arranhando a superfície. O Anima Frontier deve ser capaz de fundir código com atualizações de design, corrigir código quebrado, entender states e temas, nomear elementos corretamente, ler especificações e pensar cada vez mais como um desenvolvedor humano.

Temos uma extensa lista de funcionalidades, mas precisamos da sua ajuda para nos dizer o que mais te incomoda no desenvolvimento front-end e o que você espera que a IA possa fazer para desenvolvedores hoje. Participe da conversa no canal do Discord da Anima.

Solicitar Acesso