메인 콘텐츠로 건너뛰기

Figma의 에이전트에게 요청하고, 나만의 결과물로 다듬어 보세요.

아이디어를 빠르게 구상하고 캔버스에서 직접 편집하며, 하나의 공유 공간에서 팀과 함께 작업하세요. 무료로 시작해 보세요.

Figma 캔버스 위의 로스앤젤레스용 모바일 날씨 앱으로, 'Checking color contrast', 'Generating code layer', 'Creating local weather plugin', 'Creating custom shader'라는 에이전트 상태 메시지가 표시되어 있습니다.
  • Airbnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

시간 낭비 없이 최적의 옵션 찾기

'Make 10 new versions that match my brand'라는 프롬프트로 생성된 독서 앱 화면의 다양한 변형이 녹색 및 노란색 그리드 형태로 표시되어 있습니다.'Make 10 new versions that match my brand'라는 프롬프트로 생성된 독서 앱 화면의 다양한 변형이 녹색 및 노란색 그리드 형태로 표시되어 있습니다.

다양한 아이디어를 빠르게 발전시키세요

Figma의 AI 에이전트는 실제 컴포넌트를 활용하여 여러 레이아웃 방향을 제시하고, 사용자 흐름을 생성하며, 다양한 상태를 탐색하는 등의 작업을 수행합니다. 반복적이고 지루한 디자인 작업 대신, 결과물을 다듬고 발전시키는 데 더 많은 시간을 할애하세요.

협업 및 모든 업무 흐름 연결

페이지에 달린 12개의 댓글을 범위 관련 질문과 디자인 피드백으로 요약한 에이전트 스레드와, 해당 댓글에 언급된 박물관 앱 디자인이 나란히 표시된 모습입니다.페이지에 달린 12개의 댓글을 범위 관련 질문과 디자인 피드백으로 요약한 에이전트 스레드와, 해당 댓글에 언급된 박물관 앱 디자인이 나란히 표시된 모습입니다.

공유 공간에서 함께 창작하세요

Figma에 피드백 요약, 주요 테마 파악, 그리고 입력된 내용을 바탕으로 한 다음 단계 제안을 요청해 보세요. 에이전트 스레드를 팀원과 공유하여 누구나 이어서 프롬프트를 입력할 수도 있습니다.

맥락을 첨부하여 제공

  • 'Create a dynamic map for the museum exhibits using the attached style and data'라는 프롬프트에 사용된 스타일 파일 및 exhibits.csv 파일과, 그 결과물인 인터랙티브 지도가 함께 표시된 모습입니다.'Create a dynamic map for the museum exhibits using the attached style and data'라는 프롬프트에 사용된 스타일 파일 및 exhibits.csv 파일과, 그 결과물인 인터랙티브 지도가 함께 표시된 모습입니다.

    파일을 첨부하여 더 나은 결과물을 얻으세요

    PRD, 스프레드시트 등 프로젝트 관련 자료를 Figma 에이전트에게 제공하면 더욱 정교하게 다듬어진 결과물을 얻을 수 있습니다.

  • 맥락을 첨부할 수 있는 에이전트 메뉴로, 웹 검색, 라이브러리, 그리고 Atlassian, GitHub, Granola, Hex, Notion, Slack용 커넥터 기능이 포함되어 있습니다.맥락을 첨부할 수 있는 에이전트 메뉴로, 웹 검색, 라이브러리, 그리고 Atlassian, GitHub, Granola, Hex, Notion, Slack용 커넥터 기능이 포함되어 있습니다.

    Figma로 외부 맥락을 가져오세요

    Figma의 MCP 서버를 활용하면 에이전트가 Notion, GitHub, Slack 등 외부 도구의 정보를 파일로 직접 가져올 수 있습니다.

Figma 에이전트 덕분에 시간을 획기적으로 절약할 수 있었습니다. 디자인을 사용자에게 더 빨리 선보일수록 좋죠. 에이전트를 활용한 모든 작업은 바로 그 목표를 위한 것입니다.

Paavan Buddhdev
Granola 제품 디자이너

에이전트 사용하기

더 창의적으로 표현하고 
도구 전환은 최소화하세요.

캔버스 위의 애니메이션 로고에 'Brand: Linear', 'Brand: Playful', 'Brand: Snappy' 브랜드 사전 설정이 적용된 이징(easing) 패널입니다.캔버스 위의 애니메이션 로고에 'Brand: Linear', 'Brand: Playful', 'Brand: Snappy' 브랜드 사전 설정이 적용된 이징(easing) 패널입니다.

Figma 에이전트로 애니메이션을 생성하세요

프롬프트 하나로 전문가 수준의 모션을 구현하세요. Figma 에이전트는 단순한 로딩 상태부터 복잡한 인터랙션에 이르기까지 캔버스 위의 거의 모든 요소를 애니메이션으로 생성할 수 있습니다.

표현 및 프롬프트 플러그인 추가

  • 패턴, 스케일, 임계값, 색상 조절 기능을 갖춘 하프톤 셰이더 패널이 캔버스에서 짙은 빨간색 노이즈 텍스처를 실시간으로 미리 보여줍니다.패턴, 스케일, 임계값, 색상 조절 기능을 갖춘 하프톤 셰이더 패널이 캔버스에서 짙은 빨간색 노이즈 텍스처를 실시간으로 미리 보여줍니다.

    셰이더로 표현을 더하세요

    프롬프트로 맞춤형 셰이더 효과와 채우기를 생성하세요. 캔버스에서 바로 풍부한 텍스처, 패턴, 그레이디언트를 만들 수 있습니다. 애니메이션을 적용하거나 Figma Make로 내보낼 수도 있습니다.

  • 연령대별 금융 신뢰도를 보여주는 다중 계열 영역 차트 플러그인으로, 원본 데이터, 계열 수, 팔레트를 조절하는 기능이 포함되어 있습니다.연령대별 금융 신뢰도를 보여주는 다중 계열 영역 차트 플러그인으로, 원본 데이터, 계열 수, 팔레트를 조절하는 기능이 포함되어 있습니다.

    프롬프트로 생성형 플러그인을 만드세요

    Figma 에이전트에게 팀의 특정 업무 흐름 요구 사항에 맞는 재사용 가능한 플러그인을 생성하도록 요청하세요. 플러그인은 접근성 검사, 실제 데이터 추가, 파일 내보내기 등의 작업을 수행할 수 있습니다.

신뢰할 수 있는 단일 소스를 기반으로 구축

브랜드 색상 견본, 라이트 및 다크 모드 토큰 값 변수 표, 타이포그래피 스타일이 포함된 공유 디자인 라이브러리 화면으로, 여러 팀원의 커서가 파일 위에 표시되어 있습니다.브랜드 색상 견본, 라이트 및 다크 모드 토큰 값 변수 표, 타이포그래피 스타일이 포함된 공유 디자인 라이브러리 화면으로, 여러 팀원의 커서가 파일 위에 표시되어 있습니다.

시스템을 위한 AI 지원

디자인 라이브러리는 모든 제품의 기반입니다. Figma 에이전트는 디자인 시스템을 생성, 유지 관리, 활용 및 문서화하여 일관된 빌드 환경을 유지하도록 돕습니다.

스킬로 시작하세요

스킬은 재사용 가능한 명령어로, 반복적인 작업을 더 효율적으로 만들어 줍니다. Figma 커뮤니티에서 구축한 AI 스킬을 살펴보세요.