Figma는 MCP(Model Context Protocol) 서버 확장을 발표했습니다. 이를 통해 AI 에이전트와 개발자는 데스크톱뿐 아니라 브라우저와 로컬 IDE에서도 디자인 컨텍스트에 접근할 수 있게 되었습니다. 이번 업데이트는 원격 접근 기능을 강화하고 Figma Make와 통합되었습니다. AI 에이전트는 Make에서 생성된 프로토타입 코드와 디자인 데이터에 직접 접근하여 더욱 정확한 앱 생성 및 수정을 가능하게 합니다. 또한, Figma는 "디자인 스냅샷에서 편집 가능한 레이어로" 워크플로를 선보이며, 이를 통해 대화 내에서 구성 요소, 변수 및 레이아웃 정보를 쉽게 가져와 이를 기반으로 코드를 생성할 수 있도록 했습니다.
Figma는 완전히 새로운 Code Connect UI(베타)를 출시했습니다. 이 UI는 조직 및 기업 내 코드 저장소를 Figma 구성 요소에 한 번의 클릭으로 매핑하여 설계와 구현 간의 격차를 줄여줍니다. MCP 서버 가이드 및 개발 모드 통합이 이제 활성화되어 VS Code, Cursor, Windsurf와 같은 MCP 클라이언트가 도구에 직접 액세스하고, 파일 구조 및 스타일 변수를 원격으로 추출하고, 빌드 작업을 실행할 수 있습니다.
자주 묻는 질문
질문: MCP 서버의 주요 개선 사항은 무엇입니까?
A: 새로운 원격 액세스 시나리오, Figma Make의 코드/디자인 컨텍스트와의 연결, IDE에서 직접 디자인 데이터를 호출하는 기능 지원.
질문: Code Connect UI의 목적은 무엇인가요?
A: Org/Enterprise 시트에서 GitHub 코드를 Figma 구성 요소에 매핑하면 생성기가 실제 구성 요소 제약 조건에 따라 코드를 생성할 수 있습니다.
질문: 어떤 도구/편집기가 지원되나요?
답변: 공식적인 예시와 보고서에는 VS Code, Cursor, Windsurf와 같은 MCP 호환 클라이언트가 언급되어 있습니다.
질문: MCP 서버는 누구에게 적합합니까?
답변: 특히 프로토타입을 만들어 코드 랜딩을 진행하는 시나리오에서 "설계를 이해하고 구성 요소 시스템에 따라 코드를 생성"하는 AI 에이전트가 필요한 팀입니다.
질문: 공식적인 문서가 있나요?
A: Figma는 Dev Mode MCP Server 가이드와 리소스 라이브러리 항목을 제공하며, 여기에는 액세스 단계와 권한 지침이 포함됩니다.
