Documentação deficiente é cara: veja como consertar
2 de julho de 2024Camada 8: Uma camada de rede semântica para a era da IA
2 de julho de 2024O cofundador e CEO da Figma, Dylan Field, demonstrou lançamentos do Code Connect, uma solução de código aberto projetada para evitar que os programadores front-end tenham que recodificar quando os designs mudam. Figma também mostrou como a inteligência artificial (IA) pode se integrar e capacitar um aplicativo fora do chatbot de IA usual.
Primeiro, vamos detalhar como a Figma está oferecendo suporte aos desenvolvedores front-end com seu novo Code Connect.
Code Connect saiu da versão beta durante o primeiro dia da conferência 2024 Config na quarta-feira. A solução de código aberto, disponível sob a licença MIT, personaliza os trechos de código que aparecem no modo Dev, para que os desenvolvedores vejam o código real do sistema de design em vez do CSS gerado automaticamente. O código do sistema de design é um conjunto de componentes, estilos e diretrizes de UI reutilizáveis que garantem consistência em todo o design de um produto.
“O Code Connect usa arquivos que residem em sua base de código para criar um link entre seu código e seu componente Figma”, disse ele. “Não é qualquer código, mas na verdade é um código real do seu próprio sistema de design.”
O Code Connect exige que os usuários mapeiem propriedades dos componentes do sistema de design para propriedades no Figma, explicou a empresa em um artigo sobre o Code Connect. “Isso permite que o Code Connect gere trechos de código que mapeiam os valores no Figma para a arquitetura de seus componentes e, em seguida, exiba esses trechos dentro do modo Dev”, afirmou o artigo.
O Code Connect garantirá que os desenvolvedores front-end não reprogramem desnecessariamente, acrescentou.
“A grande vantagem do Code Connect é que, quando alternamos essas coisas, você pode ver que o código reflete automaticamente o que está no design”, disse ele. “Você pode ver que o código é atualizado para que esteja sempre sincronizado com seus designs, onde quer que você os visualize. Acreditamos que o Code Connect realmente ajudará as equipes a impulsionar a adoção de seus sistemas de design para garantir que o código que já existe nunca seja reescrito.”
Além de conectar definições de componentes, o Code Connect também pode mapear propriedades do código para o Figma, permitindo trechos dinâmicos e corretos.
Ele compartilhou um clipe da equipe de desenvolvimento do Spotify, que descobriu que o Code Connect economizou tempo dos engenheiros. O Spotify conseguiu ver que o retorno do investimento tornou “acéfalo” implementar o recurso em outras disciplinas de engenharia.
“Acreditamos que o Code Connect realmente ajudará as equipes a impulsionar a adoção de seus sistemas de design para garantir que o código que já existe nunca seja reescrito”, supôs Field.
Figma disse durante a palestra que Code Connect suporta React para web, React Native para iOS e Android, SwiftUI para iOS e Jetpack Compose para Android.
Como a Figma usa IA em seu software
Figma também destacou seu novo redesenho, que integra recursos de inteligência artificial à plataforma de várias maneiras interessantes, proporcionando uma visão de como a IA pode mudar o software no futuro.
Figma está aproveitando a IA para:
- Gerar designs – Usando IA, a plataforma agora pode gerar interfaces de usuário móveis e web, dando aos designers um “rascunho”; ATUALIZAÇÃO: A partir de 2 de julho, esse recurso foi desativado devido à geração de um aplicativo muito semelhante ao aplicativo de clima da Apple. Atualizaremos esta história novamente quando ela estiver online novamente.
- Crie uma imagem “única” a partir de um prompt de texto;
- Crie simulações estáticas de fios em um protótipo interativo;
- Renomeie camadas automaticamente e com base no contexto;
- Gerar conteúdo de texto;
- Encurtar, reescrever ou traduzir o texto selecionado, com dez idiomas atualmente suportados;
- Habilite a pesquisa visual – os designers podem literalmente desenhar um símbolo e procurar uma versão dele; e
- Pesquisa de ativos, que ajuda a encontrar ativos mesmo que você não saiba o nome deles.
Alguns dos recursos ainda estão em beta e serão lançados com a UI três beta, disse Field. Ele acrescentou que a Figma não tem certeza do custo subjacente e, portanto, absorverá esses custos em 2024, mas haverá taxas adicionais em 2025 para esses recursos.
Treinamento adicional em IA da Figma
Figma também alertou os usuários que usará sua plataforma para treinar ainda mais modelos de IA sobre como os sistemas de design são construídos, bem como sobre conceitos de design.
“Vemos um mundo onde nossos recursos rudimentares de geração de design evoluem para uma forma de explorar o espaço de opções, uma forma de navegar rapidamente no IDM (Nota do Editor: IDM significa Interactive Design Mockup or Management) e criar designs mais exclusivos”, disse Field. “A maneira de chegar lá é que precisamos treinar modelos que realmente entendam a UI. Portanto, precisamos começar a treinar com os dados do Figma.”
É possível cancelar esse treinamento, sendo que as empresas optam por não participar por padrão.
A postagem Figma Redesign mostra como a IA pode transformar aplicativos e adiciona suporte ao desenvolvedor apareceu pela primeira vez em The New Stack.