메인 콘텐츠로 건너뛰기

캔버스에서 바로 사용할 수 있는 AI 디자인 어시스턴트

Figma 에이전트는 Figma Design에서 실행되어, 입력 예시가 아닌 디자인 컨텍스트를 기반으로 디자인을 생성합니다. 팀이 이미 작업하고 있는 환경에서 다양한 옵션을 사용하고, 반복 작업을 자동화하고, 피드백을 수집하세요.

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

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

Figma 에이전트는 캔버스를 벗어나지 않고도 대략적인 아이디어를 정교한 디자인으로 바꿀 수 있습니다. 이제 더 많은 옵션을 사용하고, 반복 작업을 줄이고, 팀원들과의 협업을 처음부터 끝까지 유지할 수 있습니다.

반복 작업을 줄이고 흐름을 유지하세요

일괄 편집, 레이아웃 스캐폴딩, 디자인 시스템 검토 등의 작업을 위임하면서 직접적인 시각적 편집의 정확성을 유지할 수 있습니다. 캔버스는 그대로 제어할 수 있습니다.

더욱 풍부하고 정교한 탐색

실제 디자인 시스템을 사용하는 AI 디자인 어시스턴트로 공유 공간에서 아이디어를 생성하고, 입력 예시가 아닌 실제 옵션을 비교할 수 있습니다.

팀 협업 강화 및 피드백 완료

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

에이전트의 기능

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

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

    디자인 라이브러리에 연결

    나중에 바꿔야 하는 입력 예시 UI가 아닌 실제 컴포넌트, 토큰 및 변수를 사용하여 디자인을 생성하고 다듬을 수 있습니다.

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

    병렬 프롬프트

    여러 프롬프트를 동시에 실행하여, 각 프롬프트에 순차적으로 시간을 낭비하지 않고 병렬적으로 평가할 수 있습니다.

  • 디자인 댓글이 포함된 Figma AI 대화 스레드의 스크린샷디자인 댓글이 포함된 Figma AI 대화 스레드의 스크린샷

    공유 가능한 스레드

    스레드를 공유하면 팀원 모두가 전체 프롬프트, 컨텍스트, 디자인 반복 기록을 볼 수 있습니다. 별도의 핸드오프가 필요하지 않습니다.

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

    스킬

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

Figma는 마치 제 손이 자연스럽게 연장된 것처럼 느껴집니다. 캔버스에서 디자인 아이디어를 구상하고 나면, 이제 에이전트가 마지막 단계를 처리해 줍니다. 디자인 라이브러리가 연결되어 있어, 디자인에서 코드로 넘어가는 속도가 그 어느 때보다 빨라졌습니다.

Andy Madrick
제품 디자이너, Notion

Notion 로고

Figma 에이전트를 시작하세요

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

    Figma Design을 열고 작업할 프레임을 추가합니다. 왼쪽 탐색 바에서 에이전트를 열어 시작합니다.

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

    에이전트에게 생성할 이미지를 알려줍니다. 실제 컴포넌트와 스타일을 사용하도록 하려면 디자인 라이브러리를 지정하세요.

  • 3단계: 결과물 검토

    캔버스에서 결과를 확인합니다. 만족스럽지 않으면 동일한 스레드에서 세부 조정하거나 다른 병렬 스레드에서 다른 방식을 시도해 보세요.

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

    결과가 마음에 들면 에이전트가 동일한 방식으로 다음 번에도 실행할 수 있도록 업무 흐름을 재사용 가능한 기술로 전환핮니다. 처음부터 다시 프롬프트할 필요가 없습니다.

에이전트 전문가가 되어보세요

  • Figma Design 에이전트가 도와드려요

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

    더 보기
  • 'Start' 버튼과 샘플 채팅 프롬프트인 'Hey Figma, can you create different layouts for my reading app?'을 보여주는 Figma 에이전트 플레이그라운드 소개 화면'Start' 버튼과 샘플 채팅 프롬프트인 'Hey Figma, can you create different layouts for my reading app?'을 보여주는 Figma 에이전트 플레이그라운드 소개 화면

    Figma 에이전트로 작업해 보세요

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

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

    Figma 팀에서 제공하는 단계별 튜토리얼을 통해 디자인 업무 흐름에서 Figma 에이전트를 사용하는 방법을 알아보세요.

    지금 보기

자주 묻는 질문

Figma 에이전트는 Figma Design에서 바로 실행되는 AI 디자인 어시스턴트로, 필요할 때 언제든지 사용할 수 있습니다. 레이아웃 생성, 레이어 생성 및 편집, 디자인 방향 모색, 기존 라이브러리에서 컴포넌트 생성, 피드백 요약 및 캔버스에 바로 적용 등 모든 작업을 파일에서 바로 할 수 있습니다.

Figma 에이전트에 기존 디자인 라이브러리를 지정하면 스타일, 컴포넌트, 변수 등을 참조하여 결과물을 생성합니다. 캔버스에 이미지나 기존 디자인을 추가하여 참조할 수도 있습니다. 더 많은 컨텍스트를 제공할수록 브랜드에 더 부합하는 결과물을 얻을 수 있습니다.

모든 AI 모델과 마찬가지로, 결과물은 프롬프트, 파일 컨텍스트, 작업의 복잡성에 따라 달라지므로 최종 작업에 사용하기 전에 항상 검토하는 것이 좋습니다. 명확한 프롬프트와 실제 컨텍스트를 함께 제공하면 최상의 결과를 얻을 수 있습니다. 요청 내용을 최대한 구현하려면 프롬프트 모범 사례를 참조하세요.

Figma의 데이터 사용은 서비스 유지, 보안 및 개선을 다루는 고객 계약에 따라 관리됩니다. 계정 설정에서 AI 콘텐츠 훈련 토글이 꺼져 있으면 콘텐츠는 모델 훈련에 사용되지 않습니다. 또한 개인 정보 보호를 위해 민감한 데이터는 삭제됩니다.

Figma 에이전트는 모든 유료 Figma 요금제로 사용할 수 있습니다. Figma Design의 왼쪽 탐색 바에서 찾을 수 있습니다. 현재 오픈 베타 기간 동안에는 AI 크레딧을 소모하지 않으므로, 지금 바로 사용해 보고 피드백을 공유해 주세요.

Powered by Fruition