메인 콘텐츠로 건너뛰기

캔버스에 통합된 내 AI 디자인 에이전트

Figma의 에이전트는 Figma Design에 내장된 AI 디자인 에이전트입니다. 이 에이전트는 추론하고, 작업을 수행하며, 입력 예시가 아닌 실제 컴포넌트, 토큰, 변수를 사용하여 캔버스에서 여러 단계를 거치는 디자인 작업을 수행합니다.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

실제 작업 방식에 맞춰 설계된 에이전트

AI 디자인 에이전트는 질문에 대답만 해서는 안 됩니다. Figma 에이전트는 캔버스에서 옵션을 탐색하고, 반복 작업을 줄이며, 팀 전체가 계속해서 조화를 이루도록 돕습니다.

음식/레시피 레이아웃의 AI 생성 디자인과 '내 디자인으로 랜딩 페이지 만들기'라고 적힌 채팅 프롬프트 말풍선을 보여주는 Figma 캔버스음식/레시피 레이아웃의 AI 생성 디자인과 '내 디자인으로 랜딩 페이지 만들기'라고 적힌 채팅 프롬프트 말풍선을 보여주는 Figma 캔버스

더욱 풍부하고 정교한 탐색

AI 디자인 에이전트를 사용하면 처음부터 시작하지 않고, 디자인 시스템에서 실제 옵션을 공유 공간에서 생성하여 비교 및 수렴할 수 있습니다.

디자인 시스템에 적용된 다크 모드 토글이 있는 색 구성표 전환기를 보여주는 Figma AI 에이전트 채팅 인터페이스디자인 시스템에 적용된 다크 모드 토글이 있는 색 구성표 전환기를 보여주는 Figma AI 에이전트 채팅 인터페이스

반복적인 작업 자동화 및 작업 흐름 유지

대량 편집, 레이아웃 구조 작업, 디자인 시스템 점검을 맡기면서도 직접 시각 편집의 정밀함은 유지하세요. 캔버스를 제어할 수 있습니다.

디자인 피드백 및 작업 제안이 포함된 Doprand 독서 앱 대화를 보여주는 Figma AI 에이전트 패널디자인 피드백 및 작업 제안이 포함된 Doprand 독서 앱 대화를 보여주는 Figma AI 에이전트 패널

팀 협업 강화 및 피드백 사이클 완성

흩어진 피드백을 종합하고, 모든 이해관계자의 관점에서 아이디어를 검증하고, 파일에서 바로 변경 사항을 적용할 수 있습니다. 정보 전달 과정에서 누락되는 사항은 없습니다.

에이전트의 기능

디자인 팀의 실제 작업 방식에 맞춰 설계된 Figma 에이전트의 차별점을 자세히 알아보세요.

  • Figma AI 에이전트가 컴포넌트 라이브러리에 연결되어 있고, 브랜드 토큰을 디자인에 자동으로 적용하는 스크린샷Figma AI 에이전트가 컴포넌트 라이브러리에 연결되어 있고, 브랜드 토큰을 디자인에 자동으로 적용하는 스크린샷

    디자인 라이브러리에 연결

    실제 컴포넌트, 토큰 및 변수를 사용하여 생성하고 정제하세요. 나중에 교체해야 하는 UI 입력 예시가 아닙니다.

  • Figma에서 여러 개의 동시 AI 디자인 프롬프트가 실행 중인 스크린샷Figma에서 여러 개의 동시 AI 디자인 프롬프트가 실행 중인 스크린샷

    병렬 프롬프트

    여러 프롬프트를 동시에 실행하여 각 방향을 순차적으로 설계하는 데 시간을 낭비하지 않고 병렬적으로 평가합니다.

  • Figma AI 대화 스레드에서 디자인 댓글이 담긴 스크린샷Figma AI 대화 스레드에서 디자인 댓글이 담긴 스크린샷

    공유 가능한 스레드

    스레드를 공유하면 팀원들이 디자인 이면의 전체 프롬프트, 컨텍스트 및 반복 작업 기록을 볼 수 있습니다. 별도의 전달이 필요 없습니다.

  • 디자인 업무 흐름 자동화를 위한 Figma AI 에이전트 스킬 옵션을 보여주는 스크린샷디자인 업무 흐름 자동화를 위한 Figma AI 에이전트 스킬 옵션을 보여주는 스크린샷

    스킬

    팀의 업무 흐름과 규칙을 재사용 가능한 /commands로 패키징하여 누구나 필요에 따라 실행할 수 있습니다.

Figma는 마치 내 손이 자연스럽게 확장된 것처럼 느껴집니다. 내 디자인 아이디어는 캔버스에서 형성되며, 이제 에이전트가 마지막 단계를 담당합니다. 디자인 라이브러리가 연결되어 있어, 디자인에서 코드로의 이동이 그 어느 때보다 빠르게 진행됩니다.

앤디 매드릭
Notion 제품 디자이너

Notion 로고

Figma 에이전트를 시작하세요

  • 1단계: 프레임에서 시작하기

    Figma 디자인을 열고 작업할 프레임을 추가하세요. 왼쪽 탐색 막대에서 에이전트를 열어 시작하세요.

  • 2단계: 인터페이스 설명하기

    에이전트에게 만들고 싶은 것을 알려주고 디자인 라이브러리를 지정하면 실제 구성 요소와 스타일을 사용할 수 있습니다.

  • 3단계: 결과물 검토하기

    캔버스에서 결과를 확인하세요. 조금 잘못되었나요? 같은 스레드에서 세부 사항을 다듬거나, 다른 방향을 탐색하기 위해 별도의 스레드를 열어보세요.

  • 4단계: 추가 수정 또는 자동화

    결과에 만족하시나요? 에이전트가 다음번에도 동일한 방식으로 실행할 수 있도록 해당 업무 흐름을 재사용 가능한 스킬로 전환하세요. 처음부터 다시 프롬프트를 작성할 필요가 없습니다.

에이전트 전문가가 되세요

  • Figma Design 에이전트를 소개합니다

    Figma AI 에이전트의 작동 방식을 살펴보고 업무 흐름에 어떻게 활용할 수 있는지 알아보세요.

    더 보기
  • Figma 에이전트 플레이그라운드 소개 화면에 '시작' 버튼과 샘플 채팅 프롬프트(Figma, 내 독서 앱을 위한 다양한 레이아웃을 만들어 줄 수 있어?)Figma 에이전트 플레이그라운드 소개 화면에 '시작' 버튼과 샘플 채팅 프롬프트(Figma, 내 독서 앱을 위한 다양한 레이아웃을 만들어 줄 수 있어?)

    Figma 에이전트와 함께 작업하기

    플레이그라운드에서 단계별 가이드를 통해 일괄 편집부터 피드백 구현까지 Figma 에이전트의 다양한 기능을 직접 체험해 보세요.

    시작하기
  • 디자인 업무 흐름에서 Figma 에이전트를 사용하는 방법

    Figma 팀의 단계별 튜토리얼로 Figma 에이전트를 디자인 업무 흐름에 활용하는 법을 배워보세요.

    지금 보기

자주 묻는 질문

Figma의 에이전트는 Figma Design에 직접 내장된 AI 디자인 에이전트입니다. 단순한 챗봇과 달리 질문에 답하는 것 이상을 하며, 캔버스에서 레이어를 생성, 편집하고, 새로운 방향을 탐색하며, 실시간 피드백을 제공합니다. Figma Design에 기본적으로 내장되어 있으므로 시작하려면 타사 도구가 필요 없습니다.

네. 에이전트가 참조할 라이브러리를 선택하면, 해당 스타일과 컴포넌트, 변수를 사용하여 출력을 생성합니다. 사용자가 직접 해당 단계를 수행하지 않는 한, 에이전트가 공유 라이브러리에 새로운 에셋을 자체적으로 게시하지는 않습니다. 그러나 에이전트가 빌드하는 모든 것은 이미 설정된 디자인 시스템에서 가져올 수 있습니다.

모든 통제 권한은 사용자에게 달려 있습니다. 에이전트는 사용자를 대체하지 않습니다. 아이디어를 탐색하고 반복 작업을 처리하며 피드백을 제안할 때는 에이전트가 사용자와 함께 하지만, 모든 결과물을 검토하고 부적절한 부분은 교정하는 것은 사용자의 역할입니다. 목표는 결코 모든 것을 에이전트에게 넘겨주는 것이 아니라, 사용자의 창작을 위한 시간을 확보하는 것입니다.

Figma의 데이터 사용은 서비스 유지, 보안, 디버깅, 개선을 다루는 고객 계약에 따라 관리됩니다. AI 콘텐츠 훈련 토글이 켜져 있는 경우, Figma 전용 모델을 개선하기 위해 콘텐츠 및 사용 데이터가 사용될 수 있습니다. Figma는 민감한 데이터를 삭제하는 조치를 취하며, 해당 설정은 항상 사용자가 제어할 수 있습니다.

Figma 에이전트는 모든 Figma 유료 요금제에서 사용할 수 있습니다. Figma Design의 왼쪽 탐색 바에서 찾을 수 있습니다.

Powered by Fruition