디자인 라이브러리에 연결
에이전트에 디자인 시스템을 지정하면 실제 컴포넌트, 색상 토큰, 간격 변수를 사용하여 바로 프로덕션에 사용 가능한 대시보드를 생성합니다.
AI 에이전트로 더 빠르게 대시보드 제작하기
실제 컴포넌트와 디자인 토큰을 사용하여 데이터가 풍부한 대시보드 레이아웃을 Figma Design에서 바로 생성하세요. 여러 방향을 한 번에 탐색하고, 기초 작업을 건너뛰며 계속해서 제작하세요.
AI 에이전트로 대시보드를 디자인하는 이유
Figma의 에이전트는 캔버스의 컨텍스트를 이해하고, 디자인 라이브러리에 연결하여 계속 반복할 수 있는 실제 프로덕션 수준의 대시보드 레이아웃을 생성합니다.
더 높은 완성도로 다양한 레이아웃 탐색
Figma의 에이전트는 입력 예시 와이어프레임이 아닌 실제 컴포넌트, 토큰, 변수를 사용하여 실제 대시보드의 여러 변형을 생성합니다. 여러 데이터 시각화 방식을 나란히 비교해 보고 효과적인 방식을 선택하세요.
기초 작업은 줄이고 작업 흐름 유지
대시보드 그리드, 카드 구조 및 차트 컨테이너를 처음부터 만드는 반복 작업을 건너뛰세요. 필요한 사항을 설명하면 에이전트가 설정을 처리하므로 중요한 디자인 결정에 집중할 수 있습니다.
모든 반복 과정에서 팀의 동기화 유지
모든 대시보드는 팀이 작업하는 것과 동일한 파일에 유지됩니다. 이해관계자는 전체 프롬프트 기록과 컨텍스트 및 수정 사항을 볼 수 있어, 내보내기 과정에서 내용이 누락되거나 별도 핸드오프 문서 속에 묻히지 않습니다.
대시보드 이면의 기능
디자인팀이 실제로 작업하는 방식에 맞춰 구축된 Figma 에이전트만의 차별점을 자세히 살펴봅니다.
병렬 프롬프팅
여러 대시보드 방향을 동시에 탐색하세요. 프롬프트를 병렬로 실행해서 레이아웃, 데이터 시각화, 정보 계층 구조를 기다리지 않고 바로 비교할 수 있습니다.
공유 가능한 스레드
스레드를 공유하면 팀원들이 대시보드 이면의 전체 프롬프트, 컨텍스트 및 반복 작업 기록을 볼 수 있습니다. 별도의 핸드오프가 필요하지 않습니다.
업무 흐름을 스킬로 패키지화
최고의 대시보드 프롬프트를 재사용 가능한 스킬로 전환하세요. 비슷한 레이아웃이 필요할 때마다 명령어 한 번으로 다시 실행할 수 있습니다.
Figma는 마치 내 손이 자연스럽게 확장된 것처럼 느껴집니다. 캔버스에서 디자인 아이디어를 구상하고 나면, 이제 에이전트가 마지막 단계를 처리해 줍니다. 디자인 라이브러리가 연결되어 있어, 디자인에서 코드로 넘어가는 속도가 그 어느 때보다 빨라졌습니다.
Andy Madrick
Notion 제품 디자이너
Figma 에이전트를 시작하세요
에이전트 열기
왼쪽 사이드 레일에서 에이전트(Agents)를 선택하거나 CMD + Enter 키를 누르세요. 캔버스에 작업할 프레임을 추가하세요.
대시보드 설명하기
에이전트에게 메트릭, 데이터 유형, 선호 레이아웃 등 필요한 대시보드 종류를 알려주세요. 실제 컴포넌트를 사용할 수 있도록 에이전트를 디자인 라이브러리에 연결하세요.
캔버스에서 검토하기
캔버스에서 생성된 대시보드를 확인하세요. 동일한 스레드에서 다듬거나 다른 방향을 탐색하기 위해 병렬 스레드를 시작하세요.
계속 반복하기
프롬프트를 다시 입력하여 차트를 조정하거나, 카드의 배치를 재구성하거나, 컴포넌트를 교체하세요. 모든 항목이 계속 편집 가능하므로 원하는 결과가 나올 때까지 직접 미세 조정하거나 프롬프트로 조정할 수 있습니다.
에이전트 전문가가 되어보세요
자주 묻는 질문
AI 대시보드 에이전트는 텍스트 프롬프트를 통해 데이터 시각화 레이아웃을 생성하는 데 도움을 줍니다. Figma 에이전트에 지표, 차트, 데이터 유형 등 필요한 대시보드를 설명하면, 에이전트가 디자인 시스템 컴포넌트를 사용해 캔버스 위에 레이아웃을 직접 만듭니다. Figma Design에 내장되어 있으므로 도구 간 전환이 필요 없습니다.
Figma 에이전트가 사용자의 프롬프트와 캔버스 컨텍스트를 읽은 다음, 연결된 디자인 라이브러리를 사용하여 대시보드 레이아웃을 생성합니다. 에이전트는 컴포넌트, 토큰, 변수를 이해하므로, 결과물이 입력 예시 UI가 아니 프로덕션 사용 가능 수준으로 만들어집니다. 여러 프롬프트를 병렬로 실행하여 다양한 방향을 한꺼번에 탐색할 수도 있습니다.
전체 대시보드 레이아웃을 생성하고, 다양한 데이터 시각화 접근 방식을 탐구하며, 카드 그리드와 차트 컨테이너의 기본 구조룰 만들고, 후속 프롬프트를 통해 레이아웃을 반복 수정할 수 있습니다. Figma 에이전트가 반복적인 설정 작업을 처리하므로, 사용자는 디자인을 개선하고 팀과 원활하게 협력하는 데 집중할 수 있습니다.
유용한 대시보드 에이전트는 디자인 시스템에 연결되어야 하며, 입력 예시가 아닌 실제 컴포넌트를 생성하고, 병렬 탐색을 지원하며, 모든 요소를 편집 가능한 상태로 유지해야 합니다. Figma 에이전트는 이 모든 기능을 캔버스에서 기본적으로 제공하며, 공유 가능한 스레드를 통해 팀원들이 모든 반복 과정의 전체 컨텍스트를 확인할 수 있습니다.
Figma 에이전트는 모든 유료 Figma 요금제로 사용할 수 있습니다. Figma Design의 왼쪽 사이드 레일에서 찾을 수 있습니다. 현재 오픈 베타 기간 동안에는 AI 크레딧을 소모하지 않으므로, 지금 바로 사용해 보고 피드백을 공유해 주세요.
Figma 에이전트로 더 빠르게 빌드하세요