As equipes de marketing e engajamento do cliente estão sob pressão para agir mais rápido, lançando campanhas em diversos canais enquanto mantêm todos os pontos de contato alinhados à marca. Para a Insider One, com sede em Istambul, uma plataforma de engajamento do cliente que conta com a confiança de mais de 2.000 marcas corporativas, isso significou repensar a forma como as campanhas são criadas.

Tradicionalmente, as equipes dependiam de modelos e da edição manual no editor visual da Insider One. No entanto, à medida que as expectativas dos clientes aumentavam, também crescia a necessidade de flexibilidade e rapidez. Ao integrar-se ao servidor MCP do Figma, a Insider One possibilita um novo fluxo de trabalho: transformar arquivos de design do Figma em campanhas totalmente funcionais em um instante — com tecnologia de IA e projetado para escalar.

Desafio: equilibrar velocidade com consistência da marca

A plataforma da Insider One foi projetada para ajudar as equipes de marketing e engajamento do cliente a criar e oferecer experiências personalizadas — RCS, e-mails, notificações push, gamificação — e muito mais. No centro desse fluxo de trabalho está um editor visual que permite que as equipes criem e lancem campanhas sem precisar programar.

Embora eficaz, essa abordagem apresentava algumas desvantagens. A maioria dos clientes começou com modelos prontos — campanhas sazonais, como a Black Friday ou promoções de Ano Novo — e os adaptou para se adequarem à sua marca. Isso funcionou bem em termos de velocidade, mas trouxe algumas limitações. Os modelos limitavam a criatividade, e adaptá-los para que se adequassem às diretrizes da marca muitas vezes exigia trabalho manual. Para equipes com design systems robustos, recriar designs dentro do editor visual pode parecer desperdício de tempo.

Ao mesmo tempo, a colaboração entre as equipes de design e de marketing nem sempre era perfeita. Os designers trabalhavam com ferramentas como o Figma, enquanto os profissionais de marketing realizavam campanhas na Insider One. Preencher essa lacuna significava transformar projetos estáticos em experiências interativas — muitas vezes manualmente.

“Nossos clientes estavam sempre buscando o equilíbrio entre rapidez e qualidade. Os modelos ajudaram a agilizar o processo, mas muitas vezes à custa da criatividade e da precisão da marca. “Sabíamos que tinha que haver uma maneira melhor de oferecer às equipes flexibilidade e controle sem aumentar o trabalho manual”, afirma Gülizar Sarı, gerente de produto sênior.

Com o aumento do ritmo da campanha, a Insider One percebeu uma oportunidade: ajudar seus clientes a agir com mais rapidez e criar com liberdade, sem comprometer a qualidade da marca nem a fidelidade do design.

Solução: conectando designs do Figma a campanhas com o MCP

Para resolver isso, a Insider One integrou com o servidor MCP do Figma em seu novo Design Agent—uma maneira para sistemas de IA entenderem e agirem sobre dados de design estruturados.

Em vez de depender de modelos, os clientes agora podem importar seus próprios designs diretamente para a Insider One usando um link do Figma.

“O Design Agent realmente acelera a forma como criamos pop-ups”, diz Thu Đỗ, porta-voz do cliente Insider One, FSCHOOL. “A IA apresenta ideias criativas que têm uma ótima aparência e realmente fazem sentido.” Também é muito fácil de usar, então até mesmo novos usuários podem começar sem qualquer dificuldade. Além disso, ele é capaz de gerar animações e efeitos sutis que realmente se alinham à marca — o que economiza nosso PSL para casos de uso mais avançados, com personalização de regras, em vez de apenas personalização de design.

Com o MCP, a plataforma da Insider One consegue interpretar arquivos do Figma além dos elementos visuais. Ele compreende a estrutura de um design, identificando elementos como texto, imagens, botões e layouts. Essa compreensão estruturada permite que a IA faça algo fundamentalmente novo: transformar designs em campanhas funcionais automaticamente.

Nos bastidores, este fluxo de trabalho traduz os designs do Figma em dados estruturados e legíveis por máquina. Quando um usuário fornece um link do Figma, a Insider One utiliza o servidor MCP do Figma para extrair uma representação detalhada do arquivo — capturando a hierarquia dos elementos, os estilos compartilhados e as propriedades de layout. Isso inclui tudo, desde a tipografia e as cores até o espaçamento e o posicionamento, tudo mapeado como dados estruturados, em vez de pixels.

Esses dados são então enriquecidos no lado do servidor, onde as informações de layout e estilo são convertidas em CSS. Ao mesmo tempo, os recursos de imagem são carregados por meio das APIs do Figma, garantindo que tudo, desde imagens incorporadas até gráficos vetoriais complexos, seja recuperado com precisão. A IA opera em uma sequência controlada, primeiro reunindo todos os dados de design, depois gerando o resultado, de modo que nada fica a cargo de suposições.

O resultado é um código HTML, CSS e JavaScript pronto para produção, que mapeia diretamente de volta ao arquivo original do Figma. Cada detalhe é preservado, desde os valores exatos dos pixels até o texto literal, garantindo total fidelidade visual. Os designs não são aproximados nem recriados — eles são traduzidos.

Para os profissionais de marketing, isso muda o ponto de partida. Em vez de começarem com um modelo, eles partem do seu próprio design system. Uma campanha criada no Figma pode ser importada, adaptada e lançada sem a necessidade de recriá-la manualmente no editor visual.

“Ao conectar o servidor MCP do Figma diretamente ao nosso fluxo de trabalho, não precisamos mais pedir às equipes que recriem o que já existe. O Figma se torna o ponto de partida, e nossa plataforma transforma esses designs em campanhas totalmente funcionais instantaneamente — preservando cada detalhe e eliminando os obstáculos”, afirma Gülizar.

A IA desempenha um papel fundamental neste fluxo de trabalho. Uma vez que um design é conectado, as equipes podem:

• Gerar variações de campanha (por exemplo, versões sazonais ou testes A/B)
• Adaptar a mensagem enquanto preserva o layout e a estrutura
• Localizar ou personalizar conteúdo em larga escala rapidamente

O editor visual ainda tem seu papel — mas passa a ser um espaço para o aperfeiçoamento, e não para a criação.

Esta integração conecta efetivamente três camadas:

• Design (Figma): onde a marca e o layout são definidos
• IA (via MCP): que compreende e transforma o design
• Execução (Insider One): onde as campanhas são lançadas e otimizadas

O resultado é um fluxo de trabalho mais harmonioso entre design e marketing, impulsionado por um contexto compartilhado.

Resultado: criação mais rápida de campanhas, com designs que mantêm a identidade da marca

Ao integrar o servidor MCP do Figma, a InsiderOne passou de um paradigma baseado em modelos para um paradigma orientado pelo design. Para os clientes, o impacto é imediato.

A criação de campanhas é significativamente mais rápida. Em vez de reconstruir designs do zero ou adaptar modelos, as equipes podem começar a partir de recursos prontos para produção. Isso reduz o trabalho manual e encurta o tempo do conceito ao lançamento.

O servidor MCP do Figma mudou fundamentalmente a rapidez com que nossos clientes podem passar da ideia à execução. O que costumava levar horas para ser reconstruído agora pode acontecer em minutos, com campanhas que estão imediatamente alinhadas à sua intenção original de design”, diz Christopher Baldwin, vice-presidente de marketing.

Ao mesmo tempo, a consistência da marca melhora. Como as campanhas são baseadas em designs originais do Figma, elas refletem de forma mais precisa a identidade visual de cada empresa. Há menos risco de inconsistências introduzidas pela edição manual ou restrições de modelos.

A integração também melhora a colaboração. Os designers e os profissionais de marketing não estão mais trabalhando em ferramentas paralelas com fluxos de trabalho desconectados. Figma se torna uma fonte compartilhada de verdade, e a InsiderOne se torna a camada de execução — conectados pela IA.

Talvez mais importante, isso desbloqueia novas possibilidades para escalar. Com a IA compreendendo a estrutura dos designs, as equipes podem gerar e iterar campanhas mais facilmente, testando variações, localizando conteúdo e personalizando experiências sem precisar começar do zero todas as vezes.

O que antes era um processo manual e baseado em modelos se torna um sistema flexível e inteligente, que se adapta a cada marca, em vez de forçar as marcas a se adaptarem a ele.

“Não se trata apenas de velocidade — trata-se de explorar todo o potencial do design.” "Com o servidor MCP do Figma, estamos habilitando um fluxo de trabalho onde design, IA e execução estão totalmente conectados, para que as equipes possam escalar experiências de alta qualidade e alinhadas à marca, sem comprometer a qualidade", diz Christopher.

Ao integrar o Figma e a Insider One por meio do MCP, a Insider One está redefinindo a forma como as campanhas são criadas — ajudando as equipes a trabalhar com mais agilidade, manter a identidade da marca e aproveitar todo o potencial de seus designs.