4 atualizações do Figma AI para elevar seu fluxo de trabalho de design

A IA que estamos vivenciando mostra possibilidades ilimitadas. À medida que as funções do designer evoluem, tarefas repetitivas são cobertas pelos plug-ins Figma AI. Vejamos algumas atualizações para adicionar ao seu fluxo de trabalho.

Noah Levin – VP de Design da Figma, apresentando atualizações e protótipos do Figma AI Noah Levin – VP de Design da Figma, apresentando atualizações e protótipos do Figma AI Noah Levin – VP de Design da Figma, apresentando atualizações e protótipos do Figma AI
Noah Levin (VP de Design na Figma), apresentando atualizações e protótipos do Figma AI

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.

Uma dica de como seria o Figma AI Organizer. Uma dica de como seria o Figma AI Organizer. Uma dica de como seria o Figma AI Organizer.
Uma dica de como seria o Figma AI Organizer.

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.

É assim que as recomendações de design da Figma AI poderiam ser.É assim que as recomendações de design da Figma AI poderiam ser.É assim que as recomendações de design da Figma AI poderiam ser.
É assim que poderiam ser as recomendações de design da Figma AI.

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.

Você navegará por diferentes alternativas à sua escolha.Você navegará por diferentes alternativas à sua escolha.Você navegará por diferentes alternativas à sua escolha.
Você navegará por diferentes alternativas à sua escolha.

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.

Você poderá gerar código pronto para produção com Figma AI.Você poderá gerar código pronto para produção com Figma AI.Você poderá gerar código pronto para produção com Figma AI.
Você poderá gerar código pronto para produção com Figma AI.

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.

Aqui estão algumas das atualizações que o Genius apresentará.Aqui estão algumas das atualizações que o Genius apresentará.Aqui estão algumas das atualizações que o Genius apresentará.
Aqui estão algumas das atualizações de IA que o Genius apresentará.
É assim que o Genius Chat para Figma AI poderia ser.É assim que o Genius Chat para Figma AI poderia ser.É assim que o Genius Chat para Figma AI poderia ser.
É assim que o Genius Chat para Figma AI poderia ser.

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.

Andrew Pouliot (engenheiro de ML da Diagram) mostrando como você pode pedir ao Genius para preencher os espaços em branco para você.Andrew Pouliot (engenheiro de ML da Diagram) mostrando como você pode pedir ao Genius para preencher os espaços em branco para você.Andrew Pouliot (engenheiro de ML da Diagram) mostrando como você pode pedir ao Genius para preencher os espaços em branco para você.
Andrew Pouliot (engenheiro de ML da Diagram) mostrando como você pode pedir ao Genius para preencher os espaços em branco para você.

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”>Modelos compatíveis com Figma no Envato ElementsModelos compatíveis com Figma no Envato ElementsModelos compatíveis com Figma 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.

[ad_2]

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *