마케팅 및 고객 참여 팀은 모든 접점에서 브랜드 일관성을 유지하면서도 여러 채널에 걸쳐 캠페인을 출시하는 작업을 더 빠르게 수행해야 한다는 압박을 받고 있습니다. 2,000개 이상의 엔터프라이즈 브랜드가 신뢰하는 고객 참여 플랫폼인 이스탄불 기반의 Insider One에게 이는 캠페인 제작 방식을 재구상하는 것을 의미했습니다.

전통적으로 팀들은 Insider One의 시각적 편집기 내에서 템플릿과 수작업 편집에 의존했습니다. 그러나 고객의 기대치가 높아지면서, 유연성과 속도에 대한 필요성도 증가했습니다. Figma의 MCP 서버와 통합함으로써, Insider One은 새로운 업무 흐름을 가능하게 하고 있습니다. 즉 Figma 디자인 파일을 AI 기반으로 작동하고 대규모 확장을 고려해 구현된, 완전한 기능을 갖춘 캠페인으로 즉석에서 전환하는 것입니다.

도전 과제: 속도와 브랜드 일관성의 균형 맞추기

Insider One의 플랫폼은 마케팅 및 고객 참여 팀이 RCS, 이메일, 푸시 알림, 게임화 기능 등 개인화된 고객 경험을 제작하고 전달할 수 있도록 디자인되었습니다. 이 업무 흐름의 중심에는 팀이 코드를 작성하지 않고도 캠페인을 디자인하고 출시할 수 있게 해주는 시각적 편집기가 있습니다.

이 접근 방식은 강력하지만, 그에 따른 한계도 있었습니다. 대다수의 고객들은 블랙 프라이데이나 새해 프로모션과 같은 시즌별 캠페인용 사전 제작 템플릿으로 시작해서 이를 자신의 브랜드에 맞게 조정했습니다. 이것은 속도 면에서는 효과가 좋았지만, 여러 제약이 따랐습니다. 템플릿은 창의성을 제한했으며, 브랜드 가이드라인에 맞게 조정하려면 종종 수동 작업이 필요했습니다. 강력한 디자인 시스템을 가진 팀들에게는, 시각적 편집기 안에서 디자인을 새로 만드는 것이 중복 작업처럼 느껴질 수 있었습니다.

동시에, 디자인팀과 마케팅팀 간의 협업이 항상 매끄러운 것은 아니었습니다. 디자이너는 Figma와 같은 도구에서 작업한 반면, 마케터는 Insider One에서 캠페인을 실행했습니다. 이 격차 해소는 정적인 디자인을 살아있는 경험으로 전환하는 것을 의미했는데, 이는 종종 수동 작업으로 이루어졌습니다.

"저희 고객들은 지속적으로 속도와 품질 간의 균형을 맞추고 있었습니다. 템플릿은 빠르게 작업하는 데에는 도움이 되었지만, 그 대가로 창의성과 브랜드의 정교함이 희생되는 경우가 많았습니다. 저희는 추가적인 수동 작업 없이도 팀에 유연성과 통제력을 모두 제공할 수 있는 더 나은 방법이 있어야 한다고 생각했습니다"라고 선임 제품 관리자 Gülizar Sarı는 말합니다.

캠페인의 속도가 빨라짐에 따라, Insider One은 브랜드 품질이나 디자인 완성도를 저해하지 않으면서도 고객들이 더 빠르게 작업하고, 자유롭게 디자인할 수 있도록 지원할 수 있는 기회를 발견했습니다.

해결책: MCP를 통해 Figma Design을 캠페인에 연결하기

이를 해결하기 위해 Insider One은 새로운 Design Agent에 Figma MCP 서버를 통합했습니다. 이는 AI 시스템이 구조화된 디자인 데이터를 이해하고 그에 따라 행동하는 방법입니다.

고객은 이제 템플릿에 의존하는 대신, Figma 링크를 사용하여 자신의 디자인을 Insider One으로 직접 가져올 수 있습니다.

"Design Agent는 팝업 제작 방식을 정말로 빠르게 해줍니다"라고 Insider One 고객사 FSCHOOL의 대변인인 Thu Đỗ는 말합니다. "AI는 보기에 좋고 실제로도 의미 있는 창의적인 아이디어를 제시합니다. 사용하기도 매우 쉬워서 신규 사용자도 별 어려움 없이 바로 시작할 수 있습니다. 더불어, 브랜드 스타일과 일관된 느낌을 주는 섬세한 애니메이션과 효과를 만들 수 있습니다. 이를 통해 단지 디자인 맞춤 설정이 아닌 규칙 맞춤 설정이 있는 고급 사용 사례에 PSL을 활용할 수 있습니다.

MCP를 통해, Insider One의 플랫폼은 단지 시각적인 것을 넘어 Figma 파일을 해석할 수 있습니다. 이는 텍스트, 이미지, 버튼, 레이아웃과 같은 요소를 식별하면서 디자인의 구조를 이해합니다. 이러한 구조적 이해 덕분에 AI는 완전히 새로운 일을 할 수 있게 되었습니다. 바로 자동으로 디자인을 실제 작동하는 캠페인으로 전환하는 것입니다.

내부적으로는 이 업무 흐름이 Figma Design을 구조화되고 기계가 읽을 수 있는 데이터로 변환합니다. 사용자가 Figma 링크를 제공하면, Insider One은 Figma MCP 서버를 사용하여 파일의 상세한 표현을 추출합니다. 여기에는 요소의 계층 구조, 공유 스타일, 레이아웃 속성이 포함됩니다. 여기에는 타이포그래피와 색상부터 간격과 위치 조정까지 모든 것을 포함하며, 모두 픽셀이 아닌 구조화된 데이터 형태로 매핑됩니다.

이후 데이터는 서버 측에서 보완 처리되, 레이아웃과 스타일 정보는 CSS로 변환됩니다. 동시에, 이미지 에셋은 Figma의 API를 통해 처리되며, 임베드 이미지에서 복잡한 벡터 그래픽에 이르기까지 모든 것을 정확하게 가져올 수 있습니다. AI는 통제된 순서에 따라 작동합니다. 먼저 모든 디자인 데이터를 수집한 뒤 결과물을 생성하기 때문에 추측의 여지를 남기지 않습니다.

그 결과물은 원본 Figma 파일과 직접 연결되는 프로덕션 준비가 완료된 HTML, CSS, JavaScript입니다. 정확한 픽셀 값부터 원문 그대로의 텍스트까지 모든 세부 사항이 보존되어, 완벽한 시각적 완성도를 보장합니다. 디자인은 대략적으로 재현되거나 새로 만들어지는 것이 아니라 그대로 변환됩니다.

마케터에게 이는 시작 지점을 바꾸는 변화입니다. 템플릿이 아니라 자신들의 디자인 시스템으로 시작할 수 있습니다. Figma에서 디자인한 캠페인은 시각적 편집기에서 수동으로 다시 만들 필요 없이 가져오고 조정해서 출시할 수 있습니다.

"Figma의 MCP 서버를 업무 흐름에 직접 연결함으로써, 저희는 더 이상 팀에 이미 존재하는 것을 다시 만들라고 요구하지 않습니다. Figma가 업무의 시작점이 되고, 플랫폼은 세부 사항을 모두 유지하면서도 마찰을 제거하여 디자인을 완전한 기능을 갖춘 캠페인으로 즉시 바꿉니다"라고 Gülizar는 설명합니다.

AI는 이 업무 흐름에서 핵심적인 역할을 합니다. 디자인이 연결되면, 팀은 다음과 같은 작업을 수행할 수 있습니다.

• 캠페인 변형 생성(예: 시즌별 버전 또는 A/B 테스트)
• 레이아웃과 구조를 유지하면서 메시지를 수정하기
• 대규모로 콘텐츠를 빠르게 현지화하거나 개인화하기

시각적 편집기는 여전히 중요한 역할을 하지만, 이제는 새로 만드는 게 아니라 다듬고 조정하는 장소가 됩니다.

이 통합은 다음 세 가지 레이어를 효과적으로 연결합니다.

• 디자인(Figma): 브랜드와 레이아웃 정의
• AI(MCP를 통해): 디자인을 이해하고 변환
• 실행(Insider One): 캠페인 실행 및 최적화

그 결과, 공유된 컨텍스트를 기반으로 디자인과 마케팅 간의 업무 흐름이 더욱 원활해졌습니다.

결과: 브랜드 정체성을 유지하는 디자인과 함께 더 빠른 캠페인 제작

Figma의 MCP 서버를 통합함으로써 InsiderOne은 템플릿 기반 모델에서 디자인 기반 모델로 전환했습니다. 고객들에게는 즉각적인 영향을 미칩니다.

캠페인 생성이 현저히 빨라집니다. 디자인을 처음부터 다시 구축하거나 템플릿을 조정하는 대신, 팀은 프로덕션 준비가 된 에셋에서 시작할 수 있습니다. 이를 통해 수동 작업이 줄어들고 아이디어에서 출시까지의 시간이 단축됩니다.

"Figma의 MCP 서버는 고객이 아이디어를 실제 실행하기까지의 속도를 근본적으로 바꾸었습니다. 예전에는 다시 구축하는 데 몇 시간이 걸리던 작업이 이제는 몇 분 안에 가능해졌으며, 캠페인은 원래의 디자인 의도에 바로 부합하게 됩니다"라고 마케팅 부사장인 Christopher Baldwin은 말합니다.

동시에 브랜드 일관성이 향상됩니다. 캠페인은 원본 Figma Design을 기반으로 하므로, 각 기업의 시각적 정체성을 더 정확하게 반영합니다. 수동 편집이나 템플릿 제약을 통해 발생하는 불일치의 위험이 더 적습니다.

통합은 또한 협업도 개선합니다. 디자이너와 마케터는 더 이상 서로 단절된 업무 흐름을 가진 각자 독립된 도구에서 작업하지 않습니다. Figma는 공유된 단일 진실 공급원(SSOT)이 되고, Insider One은 실행 레이어가 되며, AI가 그 둘을 연결합니다.

무엇보다 중요한 점은 확장을 위한 새로운 가능성을 열어준다는 것입니다. AI가 디자인 구조를 이해하기 때문에 팀은 캠페인을 더욱 쉽게 생성하고 반복할 수 있으며, 매번 처음부터 시작할 필요 없이 변형을 테스트하고, 콘텐츠를 현지화하며, 고객 경험을 개인화할 수 있습니다.

한때 수동적이고 템플릿 기반이었던 프로세스는 유연하고 지능적인 시스템이 되었으며, 브랜드가 시스템에 맞춰야 하는 것이 아니라 시스템이 각 브랜드에 맞춰 적응합니다.

"이것은 단순히 속도에 관한 것이 아니라, 디자인의 온전한 가치를 발휘하는 것에 관한 것입니다. Figma의 MCP 서버를 통해 디자인, AI, 실행이 완전히 연결된 업무 흐름을 구현하고 있으므로, 팀들은 타협 없이 고품질의, 브랜드 정체성에 맞는 경험을 확장할 수 있습니다"라고 Christopher는 얘기합니다.

MCP를 통해 Figma와 Insider One을 더 가깝게 연결함으로써, Insider One은 캠페인 제작 방식을 새롭게 정의하고 있습니다. 팀이 더 빠르게 움직이고, 브랜드 정체성을 유지하며, 디자인의 온전한 가치를 발휘할 수 있게 지원합니다.