디자인 라이브러리에 연결
나중에 바꿔야 하는 입력 예시 UI가 아닌 실제 컴포넌트, 토큰 및 변수를 사용하여 디자인을 생성하고 다듬을 수 있습니다.
이미지 벡터화를 캔버스에서 바로 완성하세요
Figma 에이전트를 사용하면 JPEG, PNG, 래스터 그래픽을 Figma Design에서 바로 확장 가능하고 편집 가능한 벡터로 변환할 수 있습니다. 별도의 툴을 사용하거나 패스를 수동으로 다시 생성할 필요가 없습니다.
캔버스에서 바로 픽셀에서 패스까지 생성
Figma 에이전트는 캔버스에서 래스터 이미지를 벡터로 변환하여 디자인 흐름을 유지하고 파일을 그대로 보존합니다.
디자인하는 곳에서 바로 벡터화
Figma 에이전트는 캔버스에서 바로 이미지 벡터화 툴로 실행되어 래스터 그래픽을 편집 가능한 패스로 변환하며 다른 툴로 내보내고 결과물을 다시 파일로 가져올 필요가 없습니다.
반복 작업을 줄이고 흐름을 유지하세요
번거로운 수작업 트레이싱은 이제 그만하세요. 깔끔한 윤곽선, 단순한 모양, 세부 패스 등 필요한 사항을 설명하면 에이전트가 변환을 처리하므로, 디자인에 집중할 수 있습니다.
팀의 동기화를 유지하세요
벡터화된 에셋은 팀에서 작업하는 파일에 나타나므로 모든 팀원이 최신 버전을 확인하고 즉시 사용할 수 있습니다. 내보내기 또는 파일 전송 과정에서 데이터가 손실되지 않습니다.
에이전트의 기능
디자인 팀의 실제 작업 방식에 맞춰 설계된 Figma 에이전트의 차별점을 자세히 알아보세요.
병렬 프롬프트
여러 프롬프트를 동시에 실행하여, 각 프롬프트에 순차적으로 시간을 낭비하지 않고 병렬적으로 평가할 수 있습니다.
공유 가능한 스레드
스레드를 공유하면 팀원 모두가 전체 프롬프트, 컨텍스트, 디자인 반복 기록을 볼 수 있습니다. 별도의 핸드오프가 필요하지 않습니다.
스킬
팀의 업무 흐름과 규칙을 재사용 가능한 /commands로 패키징하여 누구나 필요에 따라 실행할 수 있습니다.
Figma는 마치 제 손이 자연스럽게 연장된 것처럼 느껴집니다. 캔버스에서 디자인 아이디어를 구상하고 나면, 이제 에이전트가 마지막 단계를 처리해 줍니다. 디자인 라이브러리가 연결되어 있어, 디자인에서 코드로 넘어가는 속도가 그 어느 때보다 빨라졌습니다.
Andy Madrick
제품 디자이너, Notion
Figma 에이전트를 시작하세요
1단계: 래스터 이미지 추가
JPEG, PNG 또는 기타 래스터 이미지를 Figma Design 캔버스에 드롭하거나 파일에 있는 이미지를 선택합니다.
2단계: 변환 설명
단순한 도형, 상세한 윤곽선 또는 특정 요소만 벡터화도록 에이전트에 지정합니다. 구체적일수록 결과가 더 좋습니다.
3단계: 벡터 검토
캔버스에서 변환된 패스를 확인합니다. 만족스럽지 않으면 동일한 스레드에서 세부 조정하거나 다른 병렬 스레드에서 다른 방식을 시도해 보세요.
4단계: 추가 수정
모든 요소는 벡터 패스로 편집 가능하므로 앵커를 조정하거나, 모양을 단순화하거나, 원하는 결과가 나올 때까지 다시 요청할 수 있습니다.
자주 묻는 질문
이미지 벡터화는 픽셀 기반의 래스터 이미지(JPEG, PNG)를 수학적 곡선 및 도형으로 구성된 벡터 패스로 변환하는 작업입니다. 벡터화된 이미지는 어떤 크기로 확대해도 선명하게 유지됩니다. Figma 에이전트는 이 변환을 캔버스에서 직접 처리합니다. JPEG 또는 PNG를 직접 편집 가능한 패스로 변환하므로 확장, 색상 변경, 세부 조정 등을 할 수 있습니다.
네. Figma 에이전트가 래스터 이미지의 형태, 윤곽선, 색상을 분석해 Figma Design 안에서 바로 SVG 벡터 패스를 생성합니다. 외부 툴이 필요하지 않으며 Figma Design에서 바로 이미지를 편집 가능한 벡터로 변환합니다. 결과물은 캔버스에 패스로 표시되며, 직접 조정할 수 있습니다.
가장 쉬운 방법은 AI 기반 도구를 사용하여 자동으로 트레이싱하는 것입니다. Figma 에이전트를 사용하면 래스터 이미지를 캔버스에 추가하고 벡터화 방식을 설명할 수 있으며, 그러면 에이전트가 바로 변환해 줍니다. 원하는 패스를 얻을 때까지 후속 프롬프트를 통해 수정할 수 있으며, 수동으로 트레이싱할 필요가 없습니다.
JPEG 압축은 깔끔한 벡터화를 방해하는 아티팩트를 발생시킬 수 있습니다. 고압축 이미지나 저해상도 이미지는 불규칙한 패스가 생성될 수 있습니다. 섬세한 그라데이션과 미묘한 음영이 많은 사진보다 가장자리가 명확한 단색 그래픽이 더 깔끔하게 벡터화됩니다. Figma 에이전트는 원본 이미지가 선명할수록 더 잘 작동하며, 결과물이 너무 복잡하면 단순화하도록 요청할 수 있습니다.
Figma 에이전트는 모든 유료 Figma 요금제로 사용할 수 있습니다. Figma Design의 왼쪽 탐색 바에서 찾을 수 있습니다. 현재 오픈 베타 기간 동안에는 AI 크레딧을 소모하지 않으므로, 지금 바로 사용해 보고 피드백을 공유해 주세요.
Figma 에이전트로 더 빠르게 작업하세요