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