디자인 라이브러리에 연결하기
나중에 교체해야 할 자리 표시자 UI가 아닌 실제 컴포넌트, 토큰 및 변수를 사용하여 생성하고 다듬으세요.
AI를 사용하여 디자인 전반의 색상 변경
Figma Design에서 직접 프롬프트를 사용하여 개체의 색상을 다시 칠하고, 전체 팔레트를 교체하면서 톤을 조정하세요. 모든 레이어를 수동으로 선택할 필요가 없으며, 다른 도구로 내보냈다가 다시 가져올 필요도 없습니다.
색상을 더 빠르게 변경하고, 디자인 흐름 유지
Figma 에이전트가 지루한 색상 작업을 처리하므로 모든 레이어를 클릭하는 대신 팔레트를 올바르게 설정하는 데 집중할 수 있습니다.
디자인이 있는 곳에서 색상 편집
Figma 에이전트는 캔버스에서 바로 AI 색상 변경 도구로 작동합니다. 따뜻한 톤, 브랜드 팔레트, 다크 모드 등 원하는 색상 변화를 설명하고, 파일을 벗어나지 않고 실제 레이어에 적용되는 모습을 확인하세요.
반복적인 작업 자동화 및 작업 흐름 유지
컴포넌트 전반의 강조 색상 교체, 전체 프레임 조정, 밝은 모드에서 어두운 모드로의 변환 등 반복적인 색상 변경 작업은 넘기고 실제로 중요한 디자인 결정에 집중하세요.
팀의 동기화 상태 유지
색상 변경은 팀이 작업하는 것과 동일한 파일에서 이루어집니다. 모든 사람이 업데이트된 팔레트를 즉시 확인하고 그 위에 바로 작업을 진행할 수 있습니다. 별도로 내보내기도 필요 없고, 버전 혼동도 없습니다.
에이전트 이면의 기능
디자인팀이 실제로 작업하는 방식에 맞춰 구축된 Figma 에이전트만의 차별점을 자세히 살펴봅니다.
병렬 프롬프팅
여러 프롬프트를 한 번에 실행하여 방향성을 병렬로 평가하세요. 각 프롬프트를 순차적으로 실행하며 시간을 낭비할 필요가 없습니다.
공유 가능한 스레드
스레드를 공유하면 팀원들이 디자인 이면의 전체 프롬프트, 컨텍스트 및 반복 작업 기록을 볼 수 있습니다. 별도의 핸드오프가 필요하지 않습니다.
스킬
팀의 업무 흐름과 규칙을 재사용 가능한 /commands로 패키징하여 누구나 필요에 따라 실행할 수 있습니다.
Figma는 마치 내 손이 자연스럽게 확장된 것처럼 느껴집니다. 캔버스에서 디자인 아이디어를 구상하고 나면, 이제 에이전트가 마지막 단계를 처리해 줍니다. 디자인 라이브러리가 연결되어 있어, 디자인에서 코드로 넘어가는 속도가 그 어느 때보다 빨라졌습니다.
Andy Madrick
Notion 제품 디자이너
Figma 에이전트를 시작하세요
1단계: 에이전트 열기
왼쪽 사이드 레일에서 에이전트(Agents)를 선택하거나 CMD + Enter 키를 누르세요. 작업할 시작점을 원한다면 캔버스에 프레임을 추가하세요.
2단계: 필요한 내용 설명
레이아웃, 변형, 일괄 편집 등 프롬프트를 입력하세요. 실제 컴포넌트와 스타일을 사용할 수 있도록 에이전트를 디자인 라이브러리에 연결하세요.
3단계: 캔버스에서 검토
캔버스에서 직접 출력 결과를 확인하세요. 동일한 스레드에서 다듬거나 다른 방향을 탐색하기 위해 병렬 스레드를 시작하세요.
4단계: 계속 반복하기
올바른 결과가 나올 때까지 다시 프롬프트를 입력하거나 수동으로 미세 조정하세요. 다음 번을 위해 재사용 가능한 스킬로 반복되는 업무 흐름을 전환하세요.
에이전트 전문가가 되어보세요
자주 묻는 질문
왼쪽 탐색 레일에서 Figma 에이전트를 열거나 CMD + Enter를 누르세요. 필요한 색상 변경 사항을 설명하세요 — 브랜드 팔레트, 따뜻한 톤, 다크 모드 — 그러면 에이전트가 내보내기나 도구 전환 없이 캔버스의 레이어에 직접 적용합니다.
네. Figma 에이전트는 단 하나의 프롬프트로 컴포넌트, 전체 프레임 또는 여러 요소의 색상을 변경할 수 있습니다. 각 레이어를 수동으로 선택할 필요가 없습니다.
디자인 라이브러리를 에이전트에 연결하면 스타일, 토큰, 변수를 참조하여 브랜드에 맞는 일관된 색상을 생성합니다. 또한 캔버스에 참조 이미지를 추가하면 결과를 더 정밀하게 유도할 수 있습니다.
Figma 에이전트는 디자인 캔버스에 직접 벡터 그래픽을 생성합니다. 아이콘, 일러스트레이션, UI 요소 등 필요한 항목을 설명하면 에이전트가 디자인 시스템의 스타일과 색상을 사용하여 확장 가능하고 편집 가능한 벡터를 생성합니다. 모든 항목은 파일에 유지되며 즉시 다듬거나 사용할 준비가 됩니다.
네. Figma 에이전트는 Figma Design에서 텍스트 프롬프트를 통해 바로 벡터 이미지를 만듭니다. 출력은 완벽하게 편집 가능합니다. 파일의 다른 벡터와 마찬가지로 패스, 색상 및 모양을 조정할 수 있습니다. 변환 단계나 별도의 도구가 필요하지 않습니다.
Figma 에이전트는 모든 유료 Figma 요금제로 사용할 수 있습니다. Figma Design의 왼쪽 탐색 바에서 찾거나 CMD + Enter 키로 열 수 있습니다. 현재 오픈 베타 기간 동안에는 AI 크레딧을 소모하지 않으므로, 지금 바로 사용해 보고 피드백을 공유해 주세요.
Figma 에이전트로 더 빠르게 빌드하세요