피그마 AI 디자인 에이전트: 캔버스 위에서 자연어로 UI를 만드는 시대

Figma가 협업 캔버스 안에서 바로 작동하는 AI 디자인 에이전트를 공개했다. 디자이너는 이제 자연어로 요청을 입력해 UI 화면을 만들거나 기존 디자인을 수정하고 반복 작업을 자동화할 수 있다. 중요한 점은 이 AI가 외부에서 목업을 만들어 주는 방식이 아니라 실제 Figma 파일을 직접 수정한다는 것이다. 또한 프로젝트에 이미 존재하는 디자인 시스템, 컴포넌트, 레이아웃 구조를 이해한 상태에서 작업한다.

이 기능은 디자인 툴에서 점점 중요해지는 ‘에이전트 기반(agentic) 워크플로’ 흐름을 보여준다. 즉 AI가 단순 보조 기능이 아니라 디자이너와 같은 작업 공간에서 협업하는 참여자처럼 동작하는 방식이다.

Figma AI 디자인 에이전트의 작동 방식

새로운 AI 에이전트는 Figma Design 인터페이스 내부에서 캔버스에 직접 작동한다. 사용자는 자연어로 원하는 작업을 설명하면 AI가 같은 파일 안에서 프레임과 컴포넌트를 생성하거나 수정한다.

이 시스템이 일반적인 생성형 디자인 툴과 다른 점은 다음과 같다.

• 캔버스 직접 편집: 외부 결과물을 생성하는 대신 Figma 캔버스의 실제 레이어와 요소를 수정한다.
• 디자인 시스템 이해: 팀이 사용하는 컴포넌트, 변수, 디자인 시스템을 기반으로 UI를 생성한다.
• 파일 컨텍스트 활용: 현재 파일의 레이어 구조와 레이아웃을 참고해 작업한다.
• 멀티 협업 환경: 같은 파일에서 작업하는 다른 디자이너와 동시에 AI가 작업할 수 있다.

Figma는 여러 AI 에이전트를 동시에 같은 캔버스에서 실행할 수도 있다고 설명한다. 이는 AI를 단일 도우미가 아니라 협업 파트너로 활용하는 개념을 강조한다.

자연어로 할 수 있는 주요 작업

AI 에이전트의 핵심은 디자이너가 복잡한 메뉴나 레이어 조작 없이 일반적인 문장으로 작업을 지시할 수 있다는 점이다.

1. UI 화면과 레이아웃 생성

디자이너는 프롬프트를 입력해 대시보드, 온보딩 화면, 설정 페이지 등 새로운 UI 화면을 생성할 수 있다. 생성된 UI는 프로젝트의 기존 디자인 시스템과 컴포넌트를 기반으로 만들어진다.

2. 스타일 변형과 디자인 탐색

이미 만들어진 화면을 기반으로 다양한 스타일 변형을 만들 수도 있다. 예를 들어:

• 동일 레이아웃의 스타일 변형 생성
• 다크 모드로 자동 변환
• 다른 시각적 방향으로 재해석

이 기능은 빠른 디자인 탐색 단계에서 특히 유용하다.

3. 자연어 기반 디자인 수정

레이어를 하나씩 수정하는 대신 다음과 같은 작업을 자연어로 요청할 수 있다.

• 레이아웃 구조 변경
• 특정 컴포넌트로 교체
• 텍스트 또는 이미지 변경
• 간격이나 계층 구조 조정

모든 수정은 Figma 파일 내부에서 직접 적용된다.

4. 반복 작업 자동화

디자인 작업에서 반복되는 생산성 작업도 자동화할 수 있다.

예를 들어 AI는 다음을 수행할 수 있다.

• 여러 프레임에 컴포넌트나 변수 적용
• 수많은 레이어를 대량 편집
• 실제처럼 보이는 텍스트와 이미지 자동 채우기

Figma는 이를 통해 팀이 반복적인 “잡일(busywork)”을 줄일 수 있다고 설명한다.

5. 피드백과 댓글 요약

협업 과정에서 쌓이는 대량의 코멘트와 피드백을 요약해 주요 문제나 수정 포인트를 빠르게 파악할 수 있도록 돕는다.

Figma 협업 캔버스와의 통합

Figma는 원래부터 **여러 사용자가 동시에 편집하는 ‘멀티플레이어 캔버스’**를 핵심 특징으로 가진 디자인 플랫폼이다.

AI 에이전트도 이 환경 안에서 작동한다. 즉 다음 기능들과 함께 동작한다.

• 실시간 공동 편집
• 댓글과 이해관계자 피드백
• 버전 기록 및 파일 히스토리

결과적으로 AI는 같은 작업 공간에서 디자이너와 함께 화면을 만들고 수정하는 또 하나의 협업 참여자처럼 동작한다.

이전 외부 AI 통합과의 연결

이번 기능 이전에도 Figma는 이미 외부 AI 도구가 캔버스에 접근할 수 있도록 환경을 열어왔다.

예를 들어:

• Claude Code
• Codex

같은 AI 도구들이 Figma의 MCP 서버와 에이전트 통합 기능을 통해 디자인 파일을 읽고 수정할 수 있었다.

이번 업데이트는 그 다음 단계다.

• 초기 단계: 외부 AI 에이전트가 캔버스 접근
• 현재 단계: Figma 자체의 네이티브 AI 에이전트 제공

이로써 디자이너는 별도의 플러그인이나 개발 도구 없이 AI 기능을 바로 사용할 수 있다.

Adobe와 Canva와의 경쟁 전략

현재 디자인 업계는 AI 기반 크리에이티브 워크플로 경쟁이 본격화되고 있다.

하지만 각 플랫폼의 전략은 조금씩 다르다.

Figma

• 제품 디자인 및 UI 워크플로 중심
• 디자인 시스템과 컴포넌트 기반 생성
• 협업 디자인 파일 내부에서 AI 작동

Adobe

• Firefly AI Assistant를 통해
• Creative Cloud 앱 전반의 작업을 조율하는 크리에이티브 에이전트 전략

Canva

• 디자인 생성, 카피 작성, 템플릿 제작 등을 포함한
• 일반 사용자 중심의 올인원 AI 디자인 어시스턴트

즉 Figma는 제품 UI 디자인 시장, Adobe는 전문 크리에이티브 제작, Canva는 마케팅·콘텐츠 디자인 영역을 중심으로 AI 전략을 펼치고 있다.

베타 출시와 가격 정책

Figma AI 디자인 에이전트는 2026년 5월 20일 클로즈드 베타로 출시됐다.

현재 이용 조건은 다음과 같다.

• 제한된 사용자 대상으로 베타 테스트 진행
• Professional, Organization, Enterprise 플랜 대상
• Full seat 사용자는 디자인 파일에서 바로 사용 가능
• 점진적으로 더 많은 사용자에게 확대 예정

베타 기간 동안에는 AI 크레딧을 사용하지 않기 때문에 사실상 무료로 테스트 가능하다.

다만 정식 출시 이후에는 사용량 기반 요금 모델이 적용될 가능성이 있다고 Figma는 밝히고 있으며, 구체적인 가격은 아직 공개되지 않았다.

디자인 워크플로에 의미하는 변화

이 기능의 핵심 변화는 단순히 AI 기능이 추가됐다는 것이 아니라 AI가 디자인 프로세스 안으로 들어왔다는 점이다.

기존에는 AI가 디자인 툴 밖에서 목업을 생성했다면, 이제는 디자이너가 실제로 협업하는 캔버스 안에서 바로 작업한다.

모델 성능이 계속 개선된다면 앞으로의 디자인 과정은 이렇게 바뀔 가능성이 있다.

• 디자이너는 의도와 방향을 설명
• AI는 구조적 작업과 반복 작업을 실행
• 결과는 팀의 디자인 시스템 안에서 자동 정렬

이 접근 방식은 Figma 캔버스를 단순한 디자인 도구가 아니라 인간과 AI가 함께 작업하는 실시간 협업 공간으로 바꾸려는 전략으로 볼 수 있다.