Figma MCP 서버는 Figma를 워크플로우에 직접 통합하여 중요한 디자인 정보와 AI 에이전트가 Figma 디자인 파일에서 코드를 생성하는 데 맥락을 제공합니다.

[! 참고] 속도 제한은 Figma에서 데이터를 읽는 Figma MCP 서버 도구에 적용됩니다. Figma 파일에 쓰는 도구와 같은 일부 도구는 속도 제한에서 면제됩니다.

스타터 플랜 또는 유료 플랜의 View 또는 Collab 좌석을 가진 > 사용자는 월 최대 6회의 도구 호출로 제한됩니다.

Professional, Organization, Enterprise 요금제에서 개발자 또는 Full seat를 가진 > 사용자는 분당 속도 제한이 있으며, 이는 Tier 1 Figma REST API와 동일한 제한을 따릅니다. Figma의 REST API와 마찬가지로, Figma는 속도 제한을 변경할 권리를 보유합니다.

Figma MCP 서버 문서 전체 세트는 개발자 문서를 참조하세요. Figma MCP 서버와 관련 자원(이 기술 포함)을 사용함으로써 Figma 개발자 조건에 동의하는 것입니다. 이 기술들은 현재 베타 기능으로 제공됩니다.

특징

• 캔버스에 쓰기(원격 서버 전용): MCP 클라이언트에서 직접 네이티브 Figma 콘텐츠를 생성하고 수정하세요.

Figma MCP Server Guide

The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files.

[!NOTE] Rate limits apply to Figma MCP server tools that read data from Figma. Some tools, such as those that write to Figma files, are exempt from the rate limits.

Users on the Starter plan or with View or Collab seats on paid plans will be limited to up to 6 tool calls per month.

Users with a Dev or Full seat on the Professional, Organization, or Enterprise plans have per minute rate limits, which follow the same limits as the Tier 1 Figma REST API. As with Figma’s REST API, Figma reserves the right to change rate limits.

For the complete set of Figma MCP server docs, see our developer documentation. By using the Figma MCP server and the related resources (including these skills), you agree to the Figma Developer Terms. These skills are currently available as a Beta feature.

Features

• Write to the canvas (remote server only): Create and modify native Figma content directly from your MCP client. With the right skills, agents can build and update frames, components, variables, and auto layout in your Figma files using your design system as the source of truth.

  Note: We’re quickly improving how Figma supports AI agents. The write to canvas feature will eventually be a usage-based paid feature, but is currently available for free during the beta period.

• Generate placeholder images: When source, captured, or library images are unavailable, agents can use generate_image after asking permission and disclosing Figma AI credit usage. Generated images are uploaded with upload_assets and applied to the design.

• Generate code from selected frames

  Select a Figma frame and turn it into code. Great for product teams building new flows or iterating on app features.

• Extract design context

  Pull in variables, components, and layout data directly into your IDE. This is especially useful for design systems and component-based workflows.

• Code smarter with Code Connect

  Boost output quality by reusing your actual components. Code Connect keeps your generated code consistent with your codebase.

  Learn more about Code Connect →

• Generate Figma designs from web pages (rolling out)

  Capture, import, or convert a web page into a Figma design directly from your AI coding agent.

Installation & Setup