피그마 피디아
home
피그마 실무Q&A
home

디자이너들을 위한 MCP 스터디

글 작성일
2025/06/21
링크
질문 카테고리
데일리콘텐츠
1 more property

1.MCP란?

MCP (Model Context Protocol) : 언어 생성 모델이 문맥을 구조화된 방식으로 입력받고 이를 기반으로 추론과 응답 생성을 수행할 수 있도록 정의된 표준 인터페이스 혹은 프로토콜
쉽게 말해 언어 생성 AI가 ‘지금 무슨 상황인지’ 정확하게 이해하고 돕는 문맥 전달 방식이예요

1-1.왜 필요한가요?

다른 사람과 이야기할 때, 이 사람이 누구고 아까까지 우리가 어떤 이야기를 했었는지에 대해 미리 알고있다면 대화가 더 잘 통하겠죠?
MCP는 그런 기억들을 정리된 방식으로 AI에게 전달해주는 “규칙”이라고 생각하면 돼요
기존 AI는 매번 같은 질문을 반복하거나 앞에 말한 내용을 잘 기억하지 못하는 한계가 있었어요

 기존 AI의 문제점

기억의 한계 : 기존 언어모델은 사용자와의 이전 대화나 성향을 다 기억하지 못함
반복 입력 필요 : 매번 같은 지시사항이나 정보를 반복 입력해야하는 경우가 있음
일관성 부족 : 목적, 문맥을 계속 유지하기 어려웠다

 MCP를 구성하는 정보 4가지

구분
설명
UserContext
사용자의 기본 정보, 말투, 선호
TaskInstructions
현재 수행할 작업이나 역할 지시
InteractionHistory
대화기록
EnvironmentContext
시간, 언어, 플랫폼 등 외부조건

1-2.어떻게 작동하나요?

2.기존 프롬프트 입력방식 vs MCP 활용 방식

2-1.활용방식 비교

구분
기존방식
MCP 기반 방식
문맥 전달
프롬프트 안에 직접 입력
구조화된 컨텍스트 레이어로 전달
사용자 정보 유지
다음 질문 시 다시 작성해야 함
저장 및 자동 반영
작업 목적 전달
설명 누락시 오작동
명시적으로 포함 가능
대화 흐름
매 질문마다 독립적
이전 대화 기반 연결 가능

2-2.MCP 활용으로 기대할 수 있는 부분

지속적인 사용자 정보 관리 : 이름, 언어, 금기 주제 등 내용 저장
대화 흐름 유지 : 과거 대화 내용 기반의 자연스러운 이어 말하기
사용자 특성에 맞는 역할 수행 : 작업 목적을 ai가 정확히 인식

3.Figma에서 MCP를 활용하면?

3-1.활용 가능한 정보들

컴포넌트 정보
디자인 토큰값
프로젝트 스타일 가이드
이전 디자인 작업 내용

3-2.AI가 도와줄 수 있는 일들

컴포넌트 자동 정렬
디자인 가이드 문서 생성
텍스트 톤 통일
브랜드 스타일에 맞는 제안

3-3.피그마 MCP 사용 예시

관련 참고영상

요즘 난리라는 figma(피그마)mcp,오류없이 완전 쉽게 연결하는 팁
약 한달전에 mcp 쇼츠로 소개해드렸었는데 완전 쉽게! 오류없이 안정적으로 연결할 수 있는 방법이 있어서 롱폼 영상으로 촬영해봤습니다. 0:56 figma API토큰 생성하기 1:49 cursor talk to figma mcp 플러그인 실행, mcp 코드 및 채널코드 복사 2:14 mcp파일 복붙, 채널 연결하기 2:47 mcp테스트 해보기 [figma mcp 파일설치, 오류없이 쉽게 연결하는 방법] 1. cursor 열고 폴더 생성하기 2.내프로필 - figma api token 생성 및 복사 3. 댓글에 있는 코드에 토큰값 넣고, 커서 채팅창에 입력해서 mcp연결해 달라고 하기 (댓글 코드에 figma API토큰을 복붙해서 넣으시면 됩니다) 4.cursor tolk to figma 플러그인 열고 채널 코드와 mcp 코드 복사하기 5. cursor 설정 - mcp탭에서 새로 생성하기 눌러서 mcp코드 복붙하기 6.채팅창에 채널코드 붙여넣고 채널 연결해달라고 하기. (팁‼️플러그인이 켜져있어야 잘 작동합니다.) 7.연결이 성공되었다고 뜨면 필요한 작업들 시키기 다크모드 변환, 사이즈변환, 텍스트 베리에이션, 스왑인스턴스 등 💡참고로 mcp는 커서, claud, gpt 같은 llm 모델을 figma나 슬랙 같은 외부 프로그램에 연결해서 쓸 수 있도록 도와주는 usb허브 같은 역할이라고 이해하시면 쉽습니다!

4.MCP 보안과 주의사항

4-1.취약점 분석

MCP가 디자인,개발 모든 방면에서 강력한 장점을 갖고 있는것은 맞아요
하지만 민감한 데이터가 외부 AI 서버로 전송될 수 있다는 점을 인지하고 보안 체계를 고려해야 합니다
데이터 외부 전송
디자인 내부 텍스트, 텍스트에 포함된 개인정보, url, 내부 코드 조각 등이 MCP를 통해 수집될 수 있음
사용자 행동 로그 유출
편집 이력, 선택한 오브젝트 정보 등이 유출에 포함될 수 있어 의도치 않는 사용자 정보 유출
플러그인 취약점
플러그인 코드에 악성 JS 삽입 등의 가능성 존재
언어모델 정책 미확인
클로드, 챗지피티, 커서 등의 언어모델은 데이터 저장 여부를 플랜별로 다르게 처리하는데 기업용에는 개인정보를 수집하지 않는다는 정책이 명시되어 있음 → 기업용이 아닌 경우 로그 저장 가능성이 있음

4-2.취약점 인지의 필요성

보안 민감업종

공공기관, 금융사, 보험사, 의료기관, 법률관련, 보안 솔루션 업체 등
보안 민감업종에서는 내부 데이터가 외부 AI로 유출되지 않도록 방안이 필요해요
ex) 사전 필터링, 내부망 연동, 암호화 API등