Vai al contenuto principale

Come i clienti di Insider One convertono istantaneamente i design in campagne grazie a Figma MCP

I team di marketing e coinvolgimento cliente sono costantemente sotto pressione per muoversi più velocemente: lanciare campagne multicanale mantenendo ogni punto di contatto perfettamente in linea con il brand. Per Insider One, piattaforma di coinvolgimento cliente con sede a Istanbul e scelta da oltre 2.000 brand aziendali, questo ha significato ripensare completamente il modo in cui vengono create le campagne.

In passato, i team dipendevano da modelli predefiniti e dall'editing manuale nell'editor visivo di Insider One. Tuttavia, di pari passo con l'evoluzione delle aspettative degli utenti, è cresciuta la necessità di essere flessibili e rapidi. Insider One integra il server MCP di Figma per trasformare istantaneamente i design in campagne funzionali, potenziate dall'IA e scalabili. Questo nuovo flusso di lavoro converte i file di progettazione in risorse pronte all'uso su larga scala.

Sfida: bilanciare velocità e coerenza del brand

La piattaforma di Insider One è progettata per aiutare i team di marketing e coinvolgimento cliente a creare e distribuire esperienze personalizzate — RCS, e-mail, notifiche push, gamification e molto altro. Al centro di questo flusso di lavoro c'è un editor visivo che consente ai team di progettare e lanciare campagne senza scrivere codice.

Sebbene efficace, questo metodo presentava comunque dei limiti. La maggior parte dei clienti iniziava da template predefiniti, campagne stagionali come il Black Friday o promozioni per Capodanno, per poi adattarli alla propria identità di brand. Questo garantiva un'ottima rapidità, ma comportava comunque dei limiti. I modelli predefiniti vincolavano la creatività, e la rispettiva personalizzazione in base alle linee guida del brand comportava frequenti interventi manuali. Per i team con un sistema di progettazione solido, ricreare i progetti all'interno dell'editor visivo poteva sembrare una duplicazione del lavoro.

Allo stesso tempo, la collaborazione tra i team di design e di marketing non era sempre fluida. I designer lavoravano su strumenti come Figma, mentre i responsabili marketing lanciavano le campagne all'interno di Insider One. Colmare questo divario significava convertire i design statici in esperienze live, un processo che spesso avveniva manualmente.

“ nostri clienti si trovavano continuamente a dover trovare il giusto equilibrio tra velocità e qualità. I modelli li aiutavano a muoversi rapidamente, ma spesso a discapito della creatività e della precisione del brand. Sapevamo che doveva esserci una soluzione migliore per offrire ai team sia flessibilità che controllo, senza aggiungere ulteriore lavoro manuale", afferma Gülizar Sarı, Sr. Product Manager.

Con l'aumento della velocità delle campagne, Insider One ha visto un'opportunità: aiutare i propri clienti a muoversi più rapidamente e a progettare in totale libertà, senza scendere a compromessi sulla qualità del brand o sulla fedeltà del design.

Finestra di prompt del design agent con la domanda "Cosa vorresti creare oggi?" e un campo di inserimento testo in bassoFinestra di prompt del design agent con la domanda "Cosa vorresti creare oggi?" e un campo di inserimento testo in basso
Insider One offre ai marketer una maggiore flessibilità creativa senza scrivere codice.

Soluzione: collegare i design Figma alle campagne con MCP

Per risolvere questo problema, Insider One ha integrato il server MCP di Figma all'interno del suo nuovissimo Design Agent: un sistema che consente all'AI di comprendere i dati di progettazione strutturati e agire di conseguenza.

Anziché dipendere dai modelli, gli utenti hanno oggi la possibilità di trasferire i loro progetti direttamente su Insider One tramite un link Figma.

"Grazie al Design Agent riusciamo ad accelerare drasticamente lo sviluppo dei nostri pop-up", dichiara Thu Đỗ, portavoce di FSCHOOL, azienda cliente di Insider One. "L'AI propone idee creative che non solo hanno un aspetto fantastico, ma che hanno anche un senso logico. Inoltre è semplicissima da usare, quindi anche i nuovi utenti possono iniziare senza problemi. Inoltre, è in grado di generare animazioni ed effetti discreti che risultano perfettamente in linea con il brand: in questo modo il nostro PSL viene preservato per casi d'uso complessi legati alla personalizzazione delle regole, anziché limitarsi solo a quella del design."

Grazie a MCP, la piattaforma di Insider One è in grado di interpretare i file Figma andando ben oltre i semplici elementi visivi. È in grado di interpretare la struttura di un progetto, riconoscendo elementi quali testo, immagini, pulsanti e strutture di layout. Questo livello di comprensione strutturata permette all'AI di compiere un vero salto di qualità: trasformare automaticamente i design in campagne funzionali.

Selettore colore e opzioni di personalizzazione del layout sovrapposti a un'immagine, con modifica diretta dentro la finestra di prompt del design agentSelettore colore e opzioni di personalizzazione del layout sovrapposti a un'immagine, con modifica diretta dentro la finestra di prompt del design agent
Design Agent è una funzione basata sull'IA di Insider One che permette al team di marketing di generare e adattare modelli di campagna in un attimo.

Dietro le quinte, questo flusso di lavoro converte i layout di Figma in dati strutturati e leggibili da una macchina. Una volta inserito il link Figma, Insider One sfrutta il server MCP di Figma per estrarre una rappresentazione dettagliata del file, catturando la gerarchia degli elementi, gli stili condivisi e le proprietà del layout. Questo include tutto, dalla tipografia e i colori fino alla spaziatura e al posizionamento, il tutto mappato come dati strutturati anziché come pixel.

Tali dati vengono poi arricchiti lato server, dove le informazioni di layout e di stile vengono convertite in codice CSS. Allo stesso tempo, le risorse delle immagini vengono elaborate tramite le API di Figma, garantendo che ogni elemento (dalle immagini incorporate fino alla grafica vettoriale complessa) venga recuperato con la massima accuratezza. L'AI opera in una sequenza controllata: prima raccoglie tutti i dati di design, poi genera l'output in modo che nulla sia lasciato al caso.

Il risultato è un codice HTML, CSS e JavaScript pronto per la produzione, che si ricollega direttamente al file Figma originale. Ogni dettaglio viene conservato, dai valori esatti dei pixel ai testi originali, garantendo una fedeltà visiva assoluta. I design non vengono né approssimati né ricreati: vengono convertiti.

Finestra modale con richiesta dell'URL di un file Figma per l'importazione direttaFinestra modale con richiesta dell'URL di un file Figma per l'importazione diretta
Oggi i team possono trasferire in un attimo le campagne da Figma alla fase di produzione, convertendo i sistemi di progettazione esistenti in risorse di marketing pronte senza ricominciare daccapo.

Per i marketer, questo significa rivoluzionare il punto di partenza. Anziché cominciare da un modello, iniziano direttamente dal proprio sistema di progettazione. Una campagna progettata su Figma può essere importata, adattata e lanciata senza la necessità di doverla ricostruire manualmente nell'editor visivo.

“Collegando il server MCP di Figma direttamente al nostro flusso di lavoro, non chiediamo più ai team di ricreare ciò che esiste già. Figma diventa il punto di partenza, e la nostra piattaforma trasforma istantaneamente quei design in campagne completamente funzionali, preservando ogni dettaglio ed eliminando qualsiasi frizione", afferma Gülizar.

L'AI riveste un ruolo fondamentale in questo flusso di lavoro. Una volta collegato un design, i team possono:

  • Generare varianti della campagna (es. versioni stagionali o test A/B)
  • Adattare il messaggio mantenendo layout e struttura
  • Localizzare o personalizzare rapidamente i contenuti su larga scala

L'editor visivo mantiene la sua utilità, ma si trasforma in uno spazio per le rifiniture e non per la ricostruzione da zero.

Questa integrazione collega efficacemente tre livelli:

  • Design (Figma): dove vengono definiti il marchio e il layout
  • AI (tramite MCP): che comprende e trasforma il design
  • Esecuzione (Insider One): dove le campagne vengono lanciate e ottimizzate

Il risultato è un flusso di lavoro più fluido tra design e marketing, alimentato da un contesto condiviso.

Risultato: creazione di campagne più veloce, con design che mantengono la coerenza del brand

Integrando il server MCP di Figma, InsiderOne è passato da un modello basato su modelli a uno basato sul design. L'impatto per i clienti è immediato.

La creazione delle campagne è significativamente più veloce. Invece di ricreare i design da zero o adattare i modelli, i team possono iniziare direttamente da risorse pronte per la produzione. In questo modo si riduce il lavoro manuale, accelerando il passaggio dall'idea al lancio.

"Grazie al server MCP di Figma, la velocità con cui i nostri clienti trasformano le idee in realtà è cambiata per sempre. Ciò che prima richiedeva ore di ricostruzione ora può avvenire in pochi minuti, con campagne che rispecchiano immediatamente l'intento progettuale originale”, afferma Christopher Baldwin, VP Marketing.

Parallelamente, aumenta la coerenza del brand. Poiché le campagne si basano sui progetti originali di Figma, riflettono in modo più accurato l'identità visiva di ciascuna azienda. C'è meno rischio di incongruenze introdotte da modifiche manuali o dai vincoli dei modelli.

L'integrazione migliora anche la collaborazione. Designer e marketer non lavorano più su strumenti paralleli e con flussi di lavoro disconnessi. Figma si trasforma nell'unica fonte di verità condivisa, mentre Insider One funge da piattaforma esecutiva: il tutto connesso grazie all'AI.

Aspetto forse più importante, sblocca nuove possibilità di scalabilità. Con l'AI in grado di decodificare la struttura del design, creare e perfezionare le campagne diventa molto più semplice: i team possono sperimentare diverse varianti, adattare i contenuti per i vari mercati e personalizzare l'esperienza utente senza ripartire da zero.

Ciò che un tempo era un processo manuale e basato su modelli diventa un sistema flessibile e intelligente: un sistema che si adatta a ciascun brand, invece di costringere i brand ad adattarsi a esso.

“Non si tratta solo di velocità, ma di liberare l'intero valore del design. Con il server MCP di Figma, abilitiamo un flusso di lavoro in cui design, AI ed esecuzione sono completamente connessi, così i team possono scalare esperienze di alta qualità e in linea con il brand senza compromessi”, afferma Christopher.

Grazie alla sinergia tra Figma e Insider One abilitata dall'MCP, Insider One rivoluziona la creazione delle campagne: i team diventano più rapidi, garantiscono la massima coerenza con il marchio e sbloccano il pieno potenziale dei propri design.

Scopri come Figma può aiutarti a creare progetti scalabili

Un grande design ha il potenziale per differenziare il prodotto e il brand. Ma le grandi cose si costruiscono insieme. Figma riunisce i team di prodotto in un flusso di lavoro di design rapido e più inclusivo.

Contattaci per scoprire come Figma può aiutare le aziende a creare progetti scalabili.

Ti mostreremo come Figma può aiutare a:

  • Riunire ogni fase del processo di progettazione e design, dall'ideazione allo sviluppo, fino alla realizzazione del design finale, tutto in un unico posto
  • Accelerare i flussi di lavoro di design con sistemi di progettazione condivisi a livello aziendale
  • Promuovere l'inclusività nei processi del team di prodotto attraverso strumenti basati sul web, accessibili e facili da usare

Connettiti con il nostro team

Facendo clic su “Invia” accetti i nostri Termini di servizio e l'Informativa sulla privacy.