AI 에이전트가 Figma 편집: MCP 서버 베타

Figma의 AI 에이전트: 목업 읽기에서 자율 디자인 생성까지

Figma의 업데이트된 MCP 서버 베타 버전은 AI 에이전트의 기능을 확장합니다. 이제 에이전트는 디자인 파일을 분석할 뿐만 아니라 컴포넌트, 변수, 디자인 시스템 토큰을 사용하여 캔버스에 새로운 요소를 생성할 수 있습니다. 이 기능은 베타 기간 동안 무료로 제공되며, 향후 사용량 기반 과금 모델로 수익화될 예정입니다.

이전에는 MCP 서버가 목업에서 데이터를 읽어 후속 코드 생성에만 사용되었습니다. 새로운 API use_figma는 에이전트가 캔버스를 직접 편집할 수 있게 합니다: 에이전트는 팀의 컴포넌트 라이브러리를 로드하고 이를 기반으로 목업을 구축합니다. 이를 보완하는 generate_figma_design 도구는 HTML을 편집 가능한 Figma 레이어로 변환합니다.

실행 가능한 디자인 지침으로서의 스킬

핵심 메커니즘은 스킬입니다: 에이전트의 동작을 정의하는 마크다운 지침입니다. 이는 단계 순서, 요소 작업 규칙, 팀 규칙 준수를 지정합니다. 스킬은 정적 지침을 AI가 실행할 수 있는 코드로 변환합니다.

어떤 Figma 전문가든 스킬을 만들 수 있습니다. Figma는 기본 /figma-use와 커뮤니티 예제를 제공합니다. 기본 스킬 예시는 다음과 같습니다:

# /figma-use skill
1. Zagruzit biblioteku komponentov.
2. Withzdat frame with auto layout.
3. Razmestit komponenty by setke.
4. Primenit peremennye for tsvetov and tipografiki.
5. Proverit on sootvetstvie tokenam.

이로 인해 수동 개입 없이 디자인 일관성을 보장합니다.

정밀 반복을 위한 자체 수정 메커니즘

에이전트는 자체 수정 루프를 구현합니다: 화면을 생성하고, 스크린샷을 만들고, 참조와 비교한 후 조정합니다. 작업이 네이티브 Figma 구조(컴포넌트, auto layout, 변수)를 사용하기 때문에 변경 사항이 시스템 전체에 전파되며 래스터 편집에 국한되지 않습니다.

이 접근 방식의 장점:

• 체계적: 편집이 전체 디자인 시스템을 업데이트합니다.
• 반복적: 기준이 충족될 때까지 에이전트가 수정합니다.
• 통합: 외부 자산 가져오기 없이 기존 라이브러리를 사용합니다.
• 확장성: 여러 화면 생성에 적합합니다.

통합 및 MCP 서버 접근성

MCP 서버는 인기 개발 환경에 통합되어 있습니다:

• Claude Code.
• OpenAI Codex.
• Cursor.
• Copilot CLI.
• VS Code 등.

이는 최근 몇 주 동안 Figma의 세 번째 주요 AI 통합입니다: 2월 Claude Code, 3월 Codex. Figma 캔버스는 디자인 도구에서 인간과 에이전트의 협업 플랫폼으로 진화하고 있습니다.

미드/시니어 레벨 개발자들은 즉시 테스트를 시작할 수 있습니다: MCP 서버 연결, 스킬 작성, 실제 프로젝트에서 에이전트 실행. 요구 사항은 최소 — 라이브러리 액세스 가능한 Figma 계정입니다.

주요 사항

• API 확장: use_figma가 AI의 네이티브 Figma 요소 생성 및 편집을 허용합니다.
• 마크다운 스킬: 일관된 디자인을 위한 지침을 실행 코드로 변환합니다.
• 자체 수정: 픽셀이 아닌 구조 수준의 반복 편집.
• 통합: Claude Code, Codex, Cursor, IDE와의 즉시 연결.
• 캔버스 진화: 디자이너와 AI 에이전트 간 협업 작업.

— Editorial Team