메인 콘텐츠로 건너뛰기

캔버스에서 즉시 스타일을 변경하세요.

Figma Design에서 간단한 프롬프트를 사용하여 이미지, 컴포넌트, 전체 프레임 등 모든 디자인 요소의 모양을 변환하세요. 원하는 스타일을 설명하면 에이전트가 이를 레이어에 직접 적용합니다.

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

처음부터 시작하지 않고 새로운 방향을 탐색하세요.

기존 작업에 스타일 변경 사항을 적용하고 자리 표시자 목업이 아닌 실제 디자인에서 다양한 미학적 요소가 어떻게 보이는지 확인하세요.

AI 생성 콘텐츠 적용 전후의 'Open Fashion' 이커머스 제품 목록 페이지 두 가지 버전과 '이 웹사이트에 사실적인 카피와 이미지를 추가해 줘'라고 적힌 프롬프트 말풍선AI 생성 콘텐츠 적용 전후의 'Open Fashion' 이커머스 제품 목록 페이지 두 가지 버전과 '이 웹사이트에 사실적인 카피와 이미지를 추가해 줘'라고 적힌 프롬프트 말풍선

디자인하는 곳에서 스타일 변환

Figma 에이전트는 캔버스에서 바로 AI 스타일 변경기로 작동하므로, 다른 도구로 전환하거나 무언가를 다시 빌드할 필요 없이 미적 감각을 전환하고, 시각적 처리를 업데이트하며, 새로운 방향을 탐색할 수 있습니다.

나란히 표시된 Dogeared 앱의 모바일 온보딩 화면 4개와 '갈색 색상 구성표와 다크 모드로 전환해 줘'라고 적힌 AI 프롬프트 말풍선나란히 표시된 Dogeared 앱의 모바일 온보딩 화면 4개와 '갈색 색상 구성표와 다크 모드로 전환해 줘'라고 적힌 AI 프롬프트 말풍선

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

이제 더 이상 수작업으로 조정하지 마세요. 빈티지, 미니멀, 볼드, 일러스트레이티브 등 원하는 스타일 변환을 설명하고 힘든 작업은 에이전트에게 맡긴 채 크리에이티브 관련 의사결정에 집중하세요.

캔버스에 협업자의 아바타가 표시된 박물관 앱의 '탐색(Explore)' 화면에 초점을 맞춘, 동일한 12개의 댓글 요약을 보여주는 Figma AI 채팅 패널캔버스에 협업자의 아바타가 표시된 박물관 앱의 '탐색(Explore)' 화면에 초점을 맞춘, 동일한 12개의 댓글 요약을 보여주는 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단계: 스타일을 다시 지정할 대상 선택

    왼쪽 사이드 레일에서 에이전트(Agents)를 선택하거나 CMD + Enter 키를 누르세요. 작업 시작점을 원한다면 캔버스에 프레임을 추가하세요.

  • 2단계: 새로운 스타일 설명

    레이아웃, 변형, 일괄 편집 등 프롬프트를 입력하세요. 실제 컴포넌트와 스타일을 사용할 수 있도록 에이전트를 디자인 라이브러리에 연결하세요.

  • 3단계: 변환 검토

    캔버스에서 스타일이 다시 지정된 디자인을 확인하세요. 원하던 결과가 아닌가요? 동일한 스레드에서 다듬거나 병렬 스레드에서 다른 방향으로 시도해 보세요.

  • 4단계: 추가 수정

    캔버스에서 모든 항목을 편집 가능한 상태로 유지하므로, 수동으로 색상, 효과 또는 세부 사항을 세부 조정하거나 스타일이 정확히 맞을 때까지 프롬프트를 다시 입력할 수 있습니다.

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

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

    Figma의 AI 에이전트가 작동하는 모습을 살펴보고, 자신의 업무 흐름에 어떻게 적용할 수 있는지 확인해 보세요.

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

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

    일괄 편집부터 피드백 적용까지 Figma 에이전트의 기능을 탐색할 수 있는 실습용 플레이그라운드며, 단계별 가이드가 내장되어 있습니다.

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

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

    지금 보기

자주 묻는 질문

네, Figma 에이전트는 캔버스에서 직접 디자인과 이미지의 스타일을 변환할 수 있습니다. 빈티지, 미니멀리스트, 일러스트레이티브, 볼드 등 원하는 미학을 설명하면 에이전트가 선택한 레이어에 이를 적용합니다. 프레임, 컴포넌트, 이미지 및 기타 디자인 요소에서 작동하며 모든 것을 편집 가능한 상태로 유지하여 계속 다듬을 수 있습니다.

Figma 에이전트는 Figma Design에서 텍스트 프롬프트를 기반으로 바로 벡터 이미지를 생성합니다. 생성된 이미지는 완벽하게 편집 가능하며, 파일에 있는 다른 벡터처럼 경로, 색상, 모양을 조정할 수 있습니다. 변환 단계나 별도의 툴이 필요하지 않습니다.

프롬프트에서 미적 방향을 구체적으로 명시하세요. '더 개선해 줘' 대신 '따뜻한 레트로 색상 팔레트로 변경해 줘' 또는 '여백이 많은 깔끔하고 미니멀한 스타일을 적용해 줘'와 같은 프롬프트를 시도해 보세요. 캔버스에 참조 이미지를 추가하면 에이전트가 작업할 수 있는 시각적 컨텍스트가 제공되어 결과가 개선되는 경우가 많습니다.

물론이죠. Figma 에이전트의 모든 스타일 변환은 캔버스에 편집 가능한 레이어로 적용됩니다. 변경 사항을 완전히 실행 취소하거나, 수동으로 특정 요소를 다듬거나, 동일한 스레드에서 다시 프롬프트를 입력하여 조정할 수 있습니다. 병렬 스레드를 열면 이전 작업을 잃지 않고 다른 방향을 탐색할 수 있습니다.

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

Powered by Fruition