이 기능은 오픈 베타 버전이며, 앞으로 몇 주 동안 제공될 예정입니다. 현재 계정에 없더라도 기다리세요. 곧 사용할 수 있게 될 것입니다.
Figma Make에서는 Model Context Protocol(MCP)을 통해 외부 도구를 연결할 수 있습니다. 이 기능을 사용하여 다른 앱의 문서, 작업, 데이터를 가져와 앱이나 프로토타입의 컨텍스트로 활용할 수 있습니다.
예를 들어, Figma Make를 Notion에 연결하여 제품 요구사항 문서(PRD)를 Figma의 채팅으로 직접 가져오고, 이를 프로토타입 제작의 소스로 사용하도록 Make에 요청할 수 있습니다. PRD가 변경되면 커넥터를 다시 실행하여 컨텍스트를 새로 고치고 프로토타입을 업데이트하세요.
Figma Make의 MCP와 Figma MCP 서버의 차이점은 무엇인가요?
Figma Make에서 외부 도구를 연결하면 MCP 클라이언트로 작동합니다. 클라이언트는 MCP 서버에 호스팅된 도구를 호출하여 예를 들어, Notion 또는 Asana 커넥터와 같은 소스로부터 데이터를 읽거나 씁니다. 여러분의 프롬프트에 따라 Figma AI가 사용할 커넥터와 도구를 결정합니다.
반면, Figma MCP 서버에는 다른 MCP 클라이언트에 파일 데이터를 제공하는 도구 목록이 포함되어 있습니다.
커넥터 추가
각 개인은 사용하고자 하는 커넥터를 추가 및 인증해야 합니다. 커넥터는 관리자에 의해 관리되거나 공유되지 않습니다.
커넥터를 추가하려면 먼저 인증해야 합니다. 예를 들어, Notion을 추가할 때는 작업공간을 선택하고 액세스 권한을 승인해야 합니다.
참고: Figma는 현재 Atlassian, Linear, Asana, Notion을 포함한 제한된 수의 커넥터를 지원합니다. 이 MCP 서버들은 Figma의 보안 및 개인정보 보호 기준을 충족하는지 확인하기 위해 팀에 의해 검토되었습니다.
- 채팅 상자에서 컨텍스트 추가를 클릭하고 커넥터 추가를 선택합니다.
- 사용 가능한 커넥터 목록을 탐색합니다.
- 사용하려는 커넥터 옆의 추가를 클릭합니다.
- 프롬프트를 따라 외부 도구의 OAuth 흐름을 인증합니다.
- 연결이 완료되면, 컨텍스트 추가를 클릭하여 목록에서 커넥터를 확인합니다.
채팅에서 커넥터 사용
현재 채팅에 커넥터가 활성화되면 대화 흐름 내에서 자연스럽게 호출할 수 있습니다.
- 현재 대화에서 커넥터가 활성화되어 있는지 확인합니다. 채팅 상자에서 컨텍스트 추가를 클릭하고 커넥터를 선택합니다. 토글이 활성화되어 있는지 확인하세요.
- 커넥터를 참조하는 프롬프트를 입력합니다. 예를 들어, Asana 링크를 붙여넣고 "이 Asana 프로젝트의 스펙을 사용하여 First Draft 프로토타입을 만듭니다."라고 작성해 봅니다.
- 프롬프트에 커넥터가 필요한 경우, Figma AI는 호출할 커넥터와 도구를 보여주고 동의를 요청할 것입니다. 계속하려면 실행을 클릭하세요.
소스 콘텐츠가 변경되면 커넥터를 다시 실행하여 최신 컨텍스트를 가져오세요.
커넥터 설정 관리
일부 커넥터에는 여러 MCP 도구가 포함되어 있습니다. 이러한 도구는 데이터 가져오기, 업데이트 전송 또는 콘텐츠 관리와 같은 커넥터 내에서 서로 다른 기능을 수행합니다.
Figma에서 사용 가능한 도구를 제어할 수 있습니다. 예를 들어 콘텐츠를 가져오는 도구는 허용하지만 외부 소스에 콘텐츠를 전송하는 도구는 비활성화할 수 있습니다.
현재 대화에서 사용되지 않도록 커넥터를 일시적으로 비활성화할 수도 있습니다.
- 채팅 상자에서 컨텍스트 추가를 클릭하고 관리할 커넥터를 선택합니다.
- 커넥터 자체 또는 해당 커넥터 내의 개별 도구를 활성화하거나 비활성화하세요.
팁: Figma AI가 더 빠르게 작업하도록 관련 커넥터만 활성화하세요.
커넥터 연결 해제
Figma 연결을 해제하면 해당 커넥터를 통해 Figma가 데이터에 접근하지 못하게 됩니다. 외부 도구의 데이터를 삭제하지 않으며, 나중에 다시 추가하고 인증하면 재연결할 수 있습니다.
- 채팅 상자에서 컨텍스트 추가를 클릭하고 커넥터 추가를 선택합니다.
- 커넥터 관리 창에서 제거할 커넥터에 대해 관리를 클릭합니다.
- 연결 해제를 클릭합니다.