메인 콘텐츠로 건너뛰기

캔버스에서 바로 앱 아이콘을 생성하세요

Figma Design에서 실제 디자인 토큰과 스타일을 사용하여 AI로 세련된 앱 아이콘을 만들어보세요. 여러 방향을 한 번에 탐색하세요. 별도의 도구를 오가거나 처음부터 다시 만들 필요가 없습니다.

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

초기 컨셉부터 최종 아이콘까지 더 빠르게

Figma의 에이전트는 실제 디자인 시스템을 사용하여 앱 아이콘을 생성하므로 처음부터 모든 변형이 브랜드에 적합합니다.

AI가 생성한 디자인 레이아웃을 탐색하는 Figma 캔버스AI가 생성한 디자인 레이아웃을 탐색하는 Figma 캔버스

더 높은 완성도로 다양하게 탐색

실제 컴포넌트, 색상, 스타일을 사용하여 다양한 아이콘 디자인 방향을 동시에 생성하세요. 모든 옵션이 나중에 다시 만들어야 하는 대략적인 입력 예시가 아니라, 바로 프로덕션에 사용할 수 있는 벡터로 캔버스에 생성됩니다.

디자인 전반에 걸쳐 대량 수정을 적용 중인 Figma AI 에이전트 패널디자인 전반에 걸쳐 대량 수정을 적용 중인 Figma AI 에이전트 패널

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

아이콘 변형을 일일이 만드는 번거로운 준비 작업을 생략하세요. 필요한 사항을 설명하고 에이전트가 옵션을 생성하도록 한 다음, 아이콘을 돋보이게 할 창의적인 결정에 집중하세요.

팀 피드백이 디자인으로 종합되는 모습을 보여주는 Figma AI 에이전트 패널팀 피드백이 디자인으로 종합되는 모습을 보여주는 Figma AI 에이전트 패널

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

아이콘은 팀이 작업하는 동일한 파일에서 생성됩니다. 모두가 옵션과 각 옵션에 사용된 프롬프트를 확인하고, 해당 작업을 바탕으로 바로 이어서 작업할 수 있습니다. 내보내기나 인계 과정에서 누락되는 내용이 없습니다.

아이콘 이면의 기능들

디자인팀이 실제로 작업하는 방식에 맞춰 구축된 Figma 에이전트만의 차별점을 자세히 살펴봅니다.

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

    디자인 라이브러리에 연결

    에이전트를 디자인 라이브러리에 연결하여 모든 아이콘이 일반적인 기본값이 아닌 실제 색상 토큰, 스타일 및 브랜드 요소를 사용하도록 하세요.

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

    프롬프트 병렬 실행

    다양한 아이콘 디자인 방향을 동시에 탐색하세요. 대담한 옵션, 미니멀한 옵션, 예상치 못한 옵션을 모두 동일한 캔버스에서 동시에 생성하세요.

  • 디자인 댓글이 있는 공유된 Figma AI 대화 스레드의 스크린샷디자인 댓글이 있는 공유된 Figma AI 대화 스레드의 스크린샷

    공유 가능한 스레드

    스레드를 공유하면 팀원들이 전체 프롬프트, 컨텍스트 및 반복 작업 기록을 볼 수 있습니다. 이해관계자는 각 디자인 방향에 담긴 의도를 파악할 수 있습니다.

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

    반복 가능한 업무 흐름을 위한 스킬

    아이콘 생성 업무 흐름을 재사용 가능한 스킬로 만드세요. 새로운 앱에 대해서 다시 실행하거나, 단일 명령으로 팀원에게 넘기세요.

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

Andy Madrick
Notion 제품 디자이너

Notion 로고

Figma 에이전트 시작하기

  • 에이전트 열기

    왼쪽 사이드 레일에서 에이전트(Agents)를 선택하거나 CMD + Enter 키를 누르세요. 대상 플랫폼에 맞춰 캔버스에 프레임을 추가하세요.

  • 아이콘 설명하기

    에이전트에게 필요한 아이콘을 설명하세요. 앱 목적, 스타일 방향, 브랜드 요소 등을 알려 주세요. 디자인 라이브러리에 연결하여 실제 토큰을 사용하도록 하세요.

  • 캔버스에서 검토

    캔버스에서 생성된 아이콘을 확인하세요. 동일한 스레드에서 다듬거나 다른 방향을 탐색하기 위해 병렬 스레드를 시작하세요.

  • 다듬고 내보내기

    모든 결과물이 편집 가능한 벡터로 생성됩니다. 세부 사항을 직접 조정하거나 프롬프트를 다시 입력한 다음, 필요한 크기로 내보내세요.

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

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

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

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

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

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

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

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

    지금 보기

자주 묻는 질문

AI 앱 아이콘 생성기는 텍스트 설명을 바탕으로 앱 아이콘을 생성하여 디자이너가 여러 디자인 방향을 빠르게 탐색할 수 있도록 도와줍니다. Figma의 에이전트는 실제 디자인 시스템(색상, 스타일, 브랜드 요소)을 사용하여 디자인 캔버스 위에서 직접 아이콘을 생성하므로 모든 옵션을 처음부터 프로덕션에 바로 사용할 수 있습니다.

왼쪽 사이드 레일에서 에이전트를 열거나 CMD + Enter를 눌러 원하는 아이콘의 앱 목적, 시각적 스타일, 브랜드 요소를 설명하세요. 에이전트를 디자인 라이브러리에 연결하여 실제 토큰을 사용하도록 설정하세요. 아이콘은 캔버스에 편집 가능한 벡터로 생성되므로 바로 다듬거나 내보낼 수 있습니다.

Figma의 에이전트는 완전히 편집 가능한 벡터 형식으로 아이콘을 생성하므로 최종 결과물을 자유롭게 조정할 수 있습니다. 크기를 조정하고 배경을 제거한 다음, iOS 및 Android 스토어에서 요구하는 정확한 크기로 내보낼 수 있습니다. 에이전트로 다양한 방향을 빠르게 탐색할 수 있지만, 최종 결과물을 다듬는 것은 사용자의 몫입니다.

iOS는 1024×1024 픽셀의 아이콘이 필요하며, Android는 512×512 픽셀을 기본으로 사용합니다. Figma의 에이전트는 캔버스 위에 벡터로 아이콘을 생성하므로 품질 저하 없이 원하는 해상도로 내보낼 수 있습니다. 프롬프트 전에 프레임 크기를 설정하거나 생성 후에 크기를 조정하세요.

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

Powered by Fruition