Cursor에서 Figma MCP 서버 설정하기
Cursor Team · Cursor Docs ·
Figma의 Dev Mode MCP 서버를 Cursor에 연결하여 에이전트가 선택한 프레임, 변수 및 Auto Layout을 직접 읽고 디자인 토큰을 반영한 코드를 생성하는 공식 설정 가이드. Cursor MCP 설치 흐름 및 프롬프트 팁 포함.
게시자 요약
Model Context Protocol (MCP) lets Cursor connect to external tools. Add the Figma Dev Mode MCP server to pull design context — frames, variables, components — directly into the agent.
이 글의 목차
- What MCP is and how Cursor uses it
- Enable Figma Dev Mode MCP server (desktop app)
- Add the Figma MCP server in Cursor settings
- Select a frame or paste a Figma link, then prompt
- Best practices: Auto Layout, variables, semantic names
Source: Cursor Docs
원문 읽기 ↗ 콘텐츠는 원본 게시자의 사이트에 있습니다.
Cursor로 디자인하는 것에 관한 일차 참고 자료로서 Cursor-Design 커뮤니티를 위해 엄선했습니다.