Figma와 Weave 연결하기

고객 사례: OutSystems

OutSystems 브랜드 팀의 리드 디자이너인 Bruno Figueiredo는 Weave를 활용해 프레젠테이션 비주얼, 애니메이션, 이벤트 그래픽, 굿즈 등 다양한 결과물을 제작합니다. 팀이 마스코트 'Neo'를 모티브로 한 봉제 열쇠고리를 제작했을 때는, 외부 전문가에게 의뢰하는 대신 Bruno가 제조사에 전달할 3D 모델을 직접 생성했습니다.

이제 Bruno는 Weave를 활용해 Neo 자체를 계속 발전시키고 있습니다. "Weave는 여러 모델을 활용하면서 결과가 발전해 가는 과정을 확인할 수 있기 때문에 탐색적인 작업에 매우 강력한 도구입니다."라고 Bruno는 말합니다. 노드 기반 업무 흐름을 통해 일러스트 스타일, 의상 색상, 신체 비율과 같은 세부 요소를 자유롭게 조정할 수 있습니다. "예전에는 이 정도 수준의 디테일까지 구현할 수 없었습니다. 여러 흐름을 동시에 실행해 두었다가, 준비가 되면 다시 돌아와 이어서 작업할 수 있습니다."

Figma는 최고의 작업은 언제나 열린 환경에서, 즉 모두가 함께 볼 수 있는 캔버스 위에서 이루어진다고 믿습니다. 그곳에서는 작업 과정이 단순히 눈에 보이는 것을 넘어, 모두가 함께 공유할 수 있습니다. 지난해 Weavy를 인수해 Figma Weave로 선보인 것은 디자인과 크리에이티브 제작을 하나의 협업 공간으로 더욱 긴밀하게 연결하기 위한 첫걸음이었습니다. Weave의 노드 기반 업무 흐름을 통해 이미지, 영상, 오디오, 3D 콘텐츠를 제작하고 편집하는 과정은 팀원들과 함께 확인하고, 수정하고, 반복적으로 활용할 수 있는 하나의 시퀀스로 구현됩니다.

오늘부터 Weave 도구를 Figma 캔버스에서 사용할 수 있으며, Weave 업무 흐름은 Figma Community에서 공유할 수 있습니다. 또한 곧 출시될 Weave의 Figma 노드를 통해 디자인과 크리에이티브 제작 사이를 오가는 번거로운 작업은 줄이고, 아이디어를 더욱 정교하게 다듬는 데 집중할 수 있습니다.

Figma의 Weave 도구

Weave가 Figma에 적용되는 첫 번째 방식은 대부분의 디자이너가 가장 많은 시간을 보내며 작업을 발전시키는 공간인 Figma 디자인 캔버스에서 시작됩니다. 오늘부터 20개 이상의 AI 이미지 작업을 Figma Design 왼쪽 패널에서 Weave 도구로 바로 사용할 수 있습니다. 각 Weave 도구는 미리 구성된 Weave 업무 흐름을 Figma Design의 간단한 UI에 담아낸 것으로, 스타일 전환, 제품 촬영, 소재 추출, 그리고 다양한 비주얼 스타일에 걸친 아트 디렉션 등의 작업을 지원합니다. 즉, Weave의 강력한 기능과 폭넓은 크리에이티브 역량을 바로 활용할 수 있도록 준비해 둔 도구라고 생각하면 됩니다.

가로세로 비율을 변경하거나, 전자상거래용 제품 이미지를 생성하거나, 사진을 아르누보 스타일로 렌더링해야 하나요? 도구를 선택하고 입력만 추가하면, 직접 자유 형식의 프롬프트를 작성하지 않아도 프로덕션 수준의 결과물을 얻을 수 있습니다. Weave 도구는 실행할 때마다 일관된 결과를 제공하므로, 자주 사용하는 작업도 몇 번의 클릭만으로 반복해서 처리할 수 있습니다. 여러분은 크리에이티브 방향만 제시하면 되고, 업무 흐름이 나머지 실행 과정을 처리합니다.

모든 사람이 처음부터 업무 흐름을 구축할 필요는 없습니다. 하지만 팀의 누군가가 한 번 만들어 두었다면, 그 업무 흐름은 더 널리 활용될 수 있어야 합니다. 곧 모든 디자이너는 자신이 만든 업무 흐름을 Weave 도구로 Figma에서 직접 게시할 수 있게 됩니다. 한 번 로직을 정의해 팀이나 전 세계와 공유하면, 그 안에 담긴 아이디어와 노하우를 모두가 함께 활용할 수 있습니다.

슬라이드 1/41/4

소스 이미지의 스타일을 대상 이미지에 적용해 일관된 비주얼 스타일을 구현합니다.

필요한 아이콘을 설명하고, 참고할 스타일을 추가합니다.

입력을 선택하고 적용하고자 하는 텍스처를 설명합니다.

이미지의 배경을 변경할 프롬프트를 입력합니다.

Figma Community에서 Weave 업무 흐름 구성하기

고객 사례: Taxi Studio

영국 브리스톨에 위치한 브랜드 디자인 에이전시 Taxi Studio는 고객사인 Carlsberg를 위한 디자인 프레젠테이션에서 사용할 3D 렌더링을 생성하기 위해 Weave 업무 흐름을 구축했습니다.

맥주잔, 홉 잎, 배경이라는 세 가지 간단한 입력만으로 브랜드 이미지를 위한 출발점을 만들었으며, 이후 조명, 카메라 앵글, 텍스처를 더욱 세밀하게 다듬을 수 있었습니다. 미드웨이트 디자이너 Jack Goozee는 "이 모든 작업은 하루 만에 끝났습니다. 예전 같았으면 이러한 요소들을 구상하는 데만도 3D 전문가가 몇 주의 시간과 수만 달러의 비용을 들여야 했을 것입니다."라고 말합니다. "작업의 완성도와 풍부함을 높이면서도, 전체 과정을 충분히 통제할 수 있다는 점이 정말 큰 장점입니다."

한 디자이너가 다른 디자이너와 공유할 수 있는 가장 가치 있는 것은 완성된 결과물이 아니라, 그 결과물을 만들어 낸 과정입니다. 이제 Figma Community를 통해 Weave 업무 흐름, 즉 창작 결과물 뒤에 있는 작업 단계와 의사결정 시퀀스를 게시하고 찾아볼 수 있습니다. Community에 공유된 업무 흐름은 컴포넌트 라이브러리처럼 다른 사람들이 열어 보고, 이해하고, 자신에게 맞게 수정하고, 그 위에 새로운 작업을 이어갈 수 있는 리소스가 됩니다. 자동화된 광고, 다양한 각도의 제품 촬영, 소셜 모션 시스템, 패션 비주얼라이저, 캐릭터 디자인 시트 등을 활용해 새로운 작업을 시작해 보세요.

반복해서 마주하는 문제를 해결하는 업무 흐름을 만들어 보세요. 게시하세요. 커뮤니티가 이를 실행하고, 자신만의 방식으로 발전시켜 나가도록 하세요. 여러분의 크리에이티브 로직이 다른 누군가의 새로운 출발점이 됩니다.

Weave의 Figma 노드

Weave 도구는 AI 기반 크리에이티브 업무 흐름을 Figma 캔버스로 가져옵니다. 반대로 Figma 노드는 Figma 프레임을 Weave로 가져옵니다.

Config에서는 곧 제공될 기능을 처음으로 공개합니다. Figma 프레임을 Weave 캔버스에 Figma 노드로 직접 붙여넣을 수 있게 됩니다. 이를 업무 흐름의 이전 단계 및 다음 단계 노드와 연결하면, Figma에서 프레임을 수정할 때마다 변경 사항이 Weave 업무 흐름 전체에 실시간으로 반영됩니다. 디자인과 크리에이티브 파이프라인이 하나의 흐름으로 함께 움직입니다.

이로써 Figma 프레임의 역할이 달라집니다. 더 이상 단순한 완성 결과물이 아니라, 살아 있는 입력값이 됩니다. 제품 레이아웃은 캠페인에 직접 연결되고, 브랜드 프레임은 AI가 대규모로 콘텐츠를 생성하는 기반이 됩니다.

Weave가 생성을 담당합니다. Figma는 디자인을 담당합니다.

Weave 도구, 공유 가능한 업무 흐름, 그리고 곧 출시될 Figma 노드를 통해 모든 디자인 파일과 노드 기반 의사결정이 한곳에서 나란히 공존하는 세상에 한 걸음 더 가까워지고 있습니다.

Weave 도구는 현재 오픈 베타로 제공되며, 베타 기간 동안 무료로 사용할 수 있습니다. 정식 출시 이후에는 Figma에서 Weave 도구를 사용할 때 Figma AI 크레딧이 차감됩니다. Weave 업무 흐름은 지금 바로 Figma Community에서 살펴볼 수 있으며, 직접 만든 업무 흐름을 게시해 볼 수도 있습니다. 곧 출시될 Weave의 Figma 노드도 기대해 주세요. 올여름 후반에 출시될 예정입니다.

Figma CEO 겸 공동 창립자인 Dylan Field의 Config 요약을 읽어보세요.