를 연결해 주는 cursor-talk-to-figma-mcp 를 설치하고 사용해 보도록 하겠습니다.
이 프로젝트는 Cursor은 물론, VScode에서도 사용할 수 있는 MCP 서버를 제공하는데요, 이 서버를 통해 Figma와 연결하여 디자인 작업을 자동화할 수 있습니다.
이 글에서는 cursor-talk-to-figma-mcp 프로젝트가 무엇인지, 어떻게 설치하고 사용하는지, 그리고 어떤 멋진 기능들을 가지고 있는지 차근차근 알려드릴게요.
cursor-talk-to-figma-mcp GitHub↗
이제 Figma와 직접 통신할 MCP 서버를 실행합니다. 새로운 터미널을 열어 다음을 입력하세요.
bunx cursor-talk-to-figma-mcp
이 명령어는 MCP 서버를 시작하는 역할을 합니다. 아래와 같은 메시지가 뜨면 성공입니다.
[INFO] Connecting to Figma socket server at ws://localhost:3055...
[INFO] FigmaMCP server running on stdio
[INFO] Connected to Figma socket server
[DEBUG] Received message: "Please join a channel to start chatting"
[LOG] myResponse"Please join a channel to start chatting"
[INFO] Received broadcast message: "Please join a channel to start chatting"
지금까지 AI 코드 편집기 Cursor와 디자인 도구 Figma를 연결하는 강력한 도구인 cursor-talk-to-figma-mcp에 대해 자세히 알아보았습니다.
이 프로젝트를 활용하면 단순 반복적인 디자인 작업을 자동화하고, 코드와 디자인 사이의 간극을 줄여 훨씬 효율적으로 작업할 수 있을 겁니다.