Cocriando pelo Figma

Cíntia Garcia
Design na Aegro
Published in
4 min readAug 23, 2021
Imagem com fundo verde, em que três setas de mouse brancas aparecem com o indicativo “Colega 1”, “Colega 2”, “Colega 3”. As setas estão distribuídas pela imagem, com quadrados ao fundo representando as imagens criadas em conjunto.

Trabalhar em uma empresa remote first pode ser desafiador, especialmente quando se trata de criações em design, já que a troca de ideia entre os colegas é fundamental no processo criativo. Por isso, é necessário escolher as ferramentas certas que facilitem o trabalho do time, aproximando a equipe e suas ideias diversas.

Na Aegro, utilizamos o Figma como uma ferramenta de criação coletiva, aproveitando ao máximo as facilidades que o programa tem para oferecer. Dentro do time de branding o seu uso é constante: criamos posts e stories para redes sociais, anúncios, storyboards para vídeos e muito mais. Os criativos ficam salvos e editáveis para todos os que usam a conta empresarial, possibilitando um acesso assíncrono dos materiais entre toda equipe. Com ele, conseguimos achar facilmente arquivos de demandas anteriores para reaproveitá-los em novas demandas parecidas, como em campanhas de marketing de mesma temática.

A grande maravilha do Figma, no entanto, vai além disso: a possibilidade de acessar um mesmo arquivo simultaneamente torna o programa uma ferramenta incrível para facilitar o processo criativo e o trabalho em equipe. Com essa possibilidade, a geração de ideias e a criação coletiva fica muito mais simples, mesmo à distância.

Como exemplo de uso dessa facilidade, veja a seguir como foi o nosso processo de criação de novos modelos de posts e stories para o Instagram da empresa.

Primeira etapa: definição da demanda

Inicialmente, nossa gestora aproveitou o momento de uma das nossas reuniões semanais em videochamada para trazer a demanda de novos modelos de criativos, com foco em aumentarmos a variedade visual apresentada no feed e stories do Instagram. Assim, foi agendada uma reunião para a semana seguinte para cocriarmos dentro do Figma.

Segunda etapa: pesquisa de referências

Como todos da equipe já tinham pleno conhecimento dos criativos usados até então, partimos para uma pesquisa visual de referências para servir de apoio para a nova criação.

Foi criado um painel para reunir todas as referências visuais que cada um coletasse ao longo da semana até o dia da reunião agendada. Na época desse projeto, o Figma ainda não tinha lançado o FigJam, então fizemos uso do Miro. Hoje o FigJam nos atende bem nesse ponto também.

Matriz criada para reunir referências visuais. Cada imagem de referência é distribuída ao longo dessa matriz, que é formada por círculos concêntricos e divida em 4 partes. Na ponta de cada uma dessas divisórias, está escrito os critérios para distribuição das referências nessa matriz: Design de informação e hierarquia, inovação e criatividade, encantador e manipulador, organização e alinhamento. As imagens de referência foram distribuídas na matriz e acompanhadas por post-its explicativos.
Matriz criada com referências de criativos

Criamos uma matriz com alguns pontos importantes e distribuímos nossas referências ao longo dela. Em cada referência, colocamos junto um post-it explicando os pontos mais importantes. No dia da reunião, fizemos uso dessa matriz para servir de apoio para a criação dos novos modelos.

Terceira etapa: cocriação no Figma

No dia da reunião agendada, cada um apresentou suas referências reunidas no Miro e falou sobre os aspectos de cada referência que tinham chamado sua atenção. Foi criado, então, um arquivo no Figma, que todos acessaram durante a reunião para trabalharmos juntos. Ao longo dessa conversa sobre as referências, íamos testando as ideias no Figma. Cada proposta era traduzida para a linguagem visual da marca Aegro, buscando integrar essas novas criações ao universo já existente da marca.

Com o acesso simultâneo ao arquivo durante a reunião, conseguimos desenvolver coletivamente as ideias, acompanhando as criações uns dos outros e criando cópias dos frames(como são chamados os artboards no Figma) dos colegas para testar novas variações.

Gif mostrando o momento de criação coletiva, com três colegas trabalhando no mesmo arquivo simultaneamente. Algumas opções de posts já foram criadas, e cada colega copia um post por vez para criar uma nova variação daquela imagem. Assim que termina essa imagem, os colegas seguem copiando as novas variações feitas pelos outros, para criar mais uma opção a partir dela.
Criação coletiva e simultânea feita pelo Figma

Assim, fomos refinando as ideias ao longo da chamada e, ao final dela, já conseguimos concluir algumas opções de novos modelos. Após isso, esses novos modelos foram incorporados aos nossos assets do Figma e componentizados.

Vantagens de cocriar no Figma

A cocriação pelo Figma, com certeza, acelerou o processo de criação à distância com os colegas. Conseguimos aproveitar bem o nosso tempo de reunião e trabalhar juntos de modo mais rápido.

Esse acesso simultâneo ao mesmo arquivo permite uma maior troca de ideias entre a equipe. Com ele, podemos ilustrar rapidamente para os colegas as nossas ideias e ter o feedback de todos em seguida.

O Figma se provou, para nós, ser um ótimo facilitador durante a cocriação. Com ele conseguimos contribuir nos trabalhos uns dos outros facilmente, como fizemos durante a reunião, e como também fazemos esporadicamente ao longo das nossas criações semanais.

Sempre que temos algum bloqueio criativo ou simplesmente queremos um segundo olhar em algo que estamos criando, podemos rapidamente pedir ajuda aos colegas e testarmos juntos novas possibilidades dentro do Figma. Essa mistura de ideias traz algo único, pois juntos criamos algo melhor, combinando as contribuições e capacidades de todos da equipe.

--

--