10 plugins para ajudar na criação de bots que vão dar superpoderes à sua conta do Figma

Com plugins, o Figma pode ser muito útil para quem cria assistentes virtuais. Reunimos os melhores nesta lista.

Há pouco mais de um ano, o Figma lançou a sua biblioteca de plugins com 40 opções que haviam sido testadas durante um tempo em modo beta.

Até aquele momento, uma grande deficiência da plataforma em relação aos seus concorrentes (Sketch e Adobe XD) era justamente não ter uma biblioteca de plug-ins, que não só ajudam a melhorar a qualidade de protótipos como também aceleram o fluxo de criação.

O Figma não só supriu essa necessidade por plugins como hoje conta com uma imensa biblioteca de recursos extras - e ela cresce a cada dia, deixando a plataforma ainda mais poderosa e designers UX/UI ainda mais empolgados! 

Muitos desses plugins, inclusive, são extremamente úteis para a criação de interfaces conversacionais, tornando o trabalho mais fluido e eficiente. Para ajudar você a selecionar um plug-in para chamar de seu, reunimos uma seleção das melhores opções para quem desenvolve chatbots. Confira!

Plugins do Figma: conheça opções que vão revolucionar a sua rotina


10. Blush

Visite a página do Blush


Por meio de uma gigantesca e variada coleção de ilustrações, o Blush dá vida às interfaces conversacionais. O usuário tem oportunidade de selecionar uma arte, customizá-la e criar composições exclusivas para depois adicioná-la diretamente em seus projetos. Para os designers mais ousados, vale a pena escolher a opção aleatória da ferramenta, que faz uma seleção inesperada de ilustrações. 

Este plugin tem três grandes trunfos na sua versão gratuita: permite uso para fins comerciais, oferece download ilimitado e reúne ilustrações de artistas do mundo inteiro - com isso, os usuários têm à disposição um monte de material com estilo singular. 

Se quiser ainda mais funcionalidades, basta optar pela versão paga que, entre diversos benefícios, oferece download de vetor SVG, material de resolução própria para impressão e acesso antecipado a novas coleções.

9. Content Reel

Visite a página do Content Real


O Content Reel é um plugin bastante completo desenvolvido pela Microsoft. Ele disponibiliza uma biblioteca de conteúdo para você adicionar enquanto estiver trabalhando no seu design.

Os conteúdos disponibilizados pelo Content Reel estão separados por categoria, e você consegue encontrar opções de texto para diferentes necessidades: nome e sobrenome, telefone, datas, endereço e e-mail. Se o app não tiver o que você busca, é só criar sua própria categoria – que você pode tornar pública, caso queira.

É um plugin indispensável para quem precisa preencher rapidamente caixas de texto de protótipos, evitando o uso de lorem ipsum ou de parar com frequência para preencher espaços com palavras.

Outro ponto importante é que o Content Reel não fica limitado apenas a conteúdo textual. Ele também oferece uma biblioteca de conteúdo visual, com imagens e ícones, o que é uma excelente alternativa caso você não use outro recurso com essas funções.

8. User Profile

Visite a página do User Profile


Quando você simula uma conversa humano-computador, é comum se preocupar com a estética do bot e deixar de lado a imagem de quem está interagindo com o assistente. Com o User Profile, você estende essa preocupação estética também para quem está do lado do usuário.

Este plug-in permite estilizar rapidamente avatares a partir de retratos de pessoas reais, o que acaba deixando o protótipo com uma cara mais profissional. As fotos que o User Profile oferece estão em alta resolução e foram selecionadas a partir do banco de imagens do Unsplash, o que é garantia de qualidade e diversidade. Agora, os dias de caçar fotos diretamente nos bancos de imagens vão ficando para trás...


7. Better Font Picker

Visite a página do Better Font Picker

Nas interfaces conversacionais, basicamente perdemos a liberdade da escolha da fonte. Se colocamos uma fonte da moda, mas que não dá leitura, corremos o risco de inviabilizar uma das principais premissas de um bot, a comunicação com clareza.  

Isso não quer dizer que é preciso ficar no básico das tipografias, e é para ajudar você a sair do lugar comum que existe o Better Font Picker. Ele oferece uma série de opções tipográficas, e o melhor: permite uma pré-visualização para que você saiba bem qual está selecionando – afinal, nem todas fontes se encaixam bem em uma caixa de diálogo.


6. GIFs

Visite a página do GIFs

O nome é autoexplicativo. O GIFs oferece uma biblioteca de imagens animadas para que você não tenha que sair da interface do Figma atrás de opções para colocar na conversa. Hoje muitas marcas optam por criar chatbots descontraídos, que simulam conversas reais que o consumidor poderia ter com qualquer amigo no ambiente online. 

Por isso, usar uma ferramenta que facilite a seleção dos gifs faz você economizar o tempo que gastaria no Giphy. O GIFs permite que você pesquise e clique na opção escolhida, que será inserida dentro do seu protótipo. Simples, prático e rápido.


5. Iconify


Visite a página do Iconify

O Iconify é bastante parecido com o item anterior no sentido de adicionar de maneira bastante fácil os elementos que tornam a conversa mais interativa.

Ele possui uma biblioteca de emojis que reproduz as figurinhas que estamos acostumados a ver em chats como Messenger e WhatsApp.

Além disso, o plug-in possui uma biblioteca gigantesca com outros ícones úteis para criação de conversas, como opções de imagem de teclado, botão de envio ou ícone para identificar se a pessoa está online. 


4. Palette

Visite a página do Palette

Para o gerenciamento de cores, o plug-in Palette é uma das melhores opções do mercado. Ele revoluciona a criação de uma paleta de cores porque usa técnicas de machine learning para gerar automaticamente a opção que você busca. Se não tiver totalmente dentro do que você queria, é possível customizá-la mexendo na ordem das cores e assim experimentar ter uma nova seleção.

3. Angle Mockups

Visite a página do Angle Mockups

Seria um erro simular perfeitamente a conversa, mas derrapar na criação do mockup de tela. O Angle Mockups está aqui para ajudar você a não se sair mal na apresentação da sua interface conversacional! Este plug-in permite que você coloque seu design recém-criado dentro de mockups de tela, em diferentes posições e sempre mantendo a perspectiva. 

Ele oferece opções de tela para iOS, Android e desktop, mas a opção gratuita vale apenas para projetos pessoais. Há dois tipos de planos pagos para quem necessitar de mais recursos. O Lifetime oferece suporte, enquanto o Full Library dispões de 1,9 mil mockups.


2. LottieFiles

Visite a página da LottieFiles

Ideal para a criação de designs interativos, este plug-in é um pouco parecido com o Blush. A diferença é que estamos falando aqui de ilustrações animadas, colaborando para deixar o chatbot menos textual e mais visual.

É possível usar o LottieFiles na versão gratuita, mas ele também oferece um marketplace (pago) com coleções criadas por motion designers do mundo inteiro. Possui categorias baseada em tendências, como Covid-19 ou mês do orgulho, facilmente adaptáveis para demandas de marketing ou informativas do momento.

1. Nama Bot Studio

Visite a página do Nama Bot Studio

Baseado no conceito de Conversational Design System, o Nama Bot Studio (NBS) é uma ferramenta para documentação, prototipagem e implementação de conversas automatizadas, permitindo que o usuário converta o protótipo criado em código para implementação de chatbots. 

O NBS foi desenvolvido pelo #NamaTeam. Além de levar em conta as necessidades dos criadores de assistentes virtuais, o plug-in está baseado no expertise da Nama na criação de soluções baseadas em inteligência artificial e machine learning. Com este plugin, os usuários desenvolvem chatbots de maneira colaborativa e rápida - estima-se uma redução de 70% no tempo de criação.

Distribuído na modalidade freemium, qualquer profissional pode usar o NBS. Caso queira usufruir de recursos mais avançados, é só selecionar um plano mais completo. Atualmente o plug-in está disponível na versão beta. Para ter acesso, basta fazer um cadastro aqui.

Conhece algum outro plugin útil para criação de interfaces conversacionais? Envie a sua dica para a gente!

Redação Nama

Um de nossos colaboradores diretos da Nama escreveu esse post com todo o carinho :)