Em junho de 2023, Noah Levin vice, presidente de design de produto da Figma, anunciou que a empresa adquiriu a Diagram. É uma empresa de IA fundada por Jordan Singer, um ex-geek do Figma que construiu um plugin com GPT-3 para gerar ideias de design com um simples prompt.
Segundo Figma, “o design sempre evoluiu com a tecnologia”. E como designers, acho que todos podemos concordar.
Em vez de focar em pequenos detalhes repetitivos, como cantos arredondados dos cartões, o objetivo do Figma AI é cuidar disso. Dessa forma, podemos gastar mais tempo projetando interfaces mais inteligentes e uma experiência de usuário ainda melhor com menos cliques.
Pensando em tudo isso, a Figma está incorporando o futuro ao compartilhar alguns protótipos de atualizações de plataforma que integram IA.
Examinaremos cada um deles para explorar suas possibilidades.
4 atualizações do Figma AI para elevar seu fluxo de trabalho de design
1. Organizador Figma AI
Você não adora como os post-its ajudam a trazer ideias durante o brainstorming? O desafio surge ao interpretar e organizar essas ideias em uma lista coerente ou acionável. Bem, Figma AI fará isso por você em segundos.
Você só precisa selecionar todas as suas notas adesivas, clicar no botão com um ícone vetorial brilhante (mágico?) E ter todos os seus dados organizados e categorizados de forma estruturada.
Isso poderia funcionar como documentação adequada após uma sessão de brainstorming para dar seguimento à próxima reunião criativa.
2. Recomendações de design da Figma AI
Este plugin irá gerar ideias de design com um simples aviso por escrito. Digamos que você esteja projetando o design da interface do usuário para um aplicativo de música e queira adicionar uma seção com capas e títulos de álbuns. Você pode simplesmente escrever “Álbuns” e esperar que a mágica aconteça abaixo desse prompt.
Ele pegará as fontes e os estilos que você configurou para o seu sistema de design e procurará imagens que correspondam à aparência do seu design.
Cada prompt vem com várias opções de design. Você pode navegar por diferentes alternativas que podem responder à sua solicitação.
3. Gere código pronto para produção com Figma AI
Caros desenvolvedores, suas orações foram ouvidas. Vocês podem se sentir esquecidos, mas têm um lugar especial nos corações e mentes de designers de UX/UI como eu.
Figma agora possui um plugin oficial para Visual Studio Code, um editor de código aberto desenvolvido pela Microsoft. Com esta ferramenta, os desenvolvedores poderão selecionar um elemento do design e traduzi-lo magicamente em código.
4. Genius Chat, um assistente de design Figma AI
Ao trabalhar em um design de UI, precisamos considerar várias coisas ao mesmo tempo. Imagine que você pudesse se concentrar em trazer suas ideias à tona e começar a colocar seus esboços de wireframes no Figma enquanto tem um assistente virtual para ajudá-lo com tarefas repetitivas (e às vezes irritantes), como rotular botões, redimensionar caixas e procurar ícones. O Genius Chat está sendo desenvolvido com esse propósito em mente.
Genius Chat é um “companheiro de design de IA” que aparecerá na sua tela como um colaborador em tempo real, ajudando você enquanto você está projetando.
O protótipo mostra um assistente virtual pronto para responder a todas as suas dúvidas. Por exemplo, se você não sabe como fazer algo no Figma, em vez de fazer a mesma coisa de pesquisar um tutorial no Google, você pode simplesmente pedir ao Genius para lhe dar as instruções necessárias.
Quer ter um gostinho dessa magia? Você já pode começar a experimentar o Magician, um dos AI ferramentas para Figma disponível agora.
Imagine o tempo todo que isso pode economizar. O que você fará com todo esse tempo livre? Talvez dê um passeio, como você promete ao seu cachorro todos os dias.
Confira o vídeo da conferência Figma Designing with AI para ouvir todos os anúncios e recursos.
Encontre modelos Figma em Envato Elements
Lutando para encontrar o modelo Figma perfeito para o seu projeto? Explore ga-analytics#sendElementsClickEvent”>modelos Figma prontos no Envato Elements!
ga-analytics#sendElementsClickEvent”>Envato Elements oferece uma assinatura de download ilimitada para baixar quantos itens você quiser. Escolha entre milhões de ativos digitais, incluindo modelos, ícones, fotos, áudio isento de royalties, vídeos e muito mais.
Saiba mais sobre Figma
Um mundo de aprendizagem espera por você com Figma! Descubra dicas novas, truques inteligentes e recursos valiosos para agilizar seu web design com fluxo de trabalho de IA.
Confira estes artigos e tutoriais do Envato Tuts+:
O futuro da IA é agora!
A visão da Figma não é que as funções de designer ou desenvolvedor desapareçam, mas evoluam. Talvez os limites de funções e hierarquia possam agora ser confundidos por meio da colaboração ativa com ferramentas de IA para Figma e outras plataformas de design.
Quanto mais pesquiso, mais gostaria de pensar na IA mais como uma possibilidade e menos como uma ameaça. É uma oportunidade para nós, designers, pegarmos a onda quando se trata de levar nossas ideias criativas mais longe.
