Codex - Figma MCP 사용법

Starter Plan 이어도 원격 MCP 의 경우 무료인줄 알았으나, Starter Plan 의 경우 월 6회 호출 제한이 있다고 한다.

글을 쓰고 나서 알았으니 이를 참고 !!

Codex 를 활용하면서 Notion, Slack, Playwright 등 여러 MCP 서버를 연결하였고, 이를 통해 많은 간편한 기능을 누릴 수 있었다.

하지만 내게 가장 필요한 것은 Figma 와 연동하는 것이었는데, 이전까지의 나는 잘못된 정보로 인해 Figma MCP 를 사용하기 위해서는 Dev Mode [유료 플랜 사용] 을 사용해야하는 줄 알았다.

그런데 두둥 !!

이것은 나의 착각이었던 것이었다.
지금까지 나는 Figma 에서 생성한 디자인 토큰/UI 컴포넌트 등을 모두 복붙하면서 AI 에게 내 Project 에 추가해달라고 했었는데, 이렇게 뻘 짓을 하지 않아도 되는 것이었다...

# 그래서 Codex 에서 원격 MCP 사용하는 법은?

우선 Codex 의 config.toml 에 다음을 추가한다.

[mcp_servers.figma]
url = "https://mcp.figma.com/mcp"

이후 codex 에게 Figma MCP 연결을 부탁하면, Auth 인증하는 웹사이트가 열릴텐데 그곳에서 인증을 한다.

이후 피그마 홈페이지 - 우클릭을 통해 Copy Link 를 선택하거나, 각 페이지 - 우클릭을 통해 Copy link to page 를 선택하자.

이후 아래와 같이 명령을 진행하면?

잘 작동하는 것을 확인할 수 있다.