Figma Weave 실전 시스템 빌드

합성은 재료 분리에서 시작합니다. 사진에서 인물만, 제품만 떼어내야 다른 배경 위에 올릴 수 있습니다.

Mask Extractor에 이미지를 연결하면 클릭한 요소가 선택되고, shift 클릭으로 선택을 넓힐 수 있습니다. 출력은 마스크(선택 영역)입니다. 배경 전체를 지우는 게 목적이면 Remove Background 노드가 더 빠릅니다 — 모델은 SD3 Remove Background 또는 Bria Remove Background를 고릅니다.

분리한 결과는 다음 카드의 Compositor에서 다른 레이어 위에 올립니다.

결과가 90% 마음에 들 때, 나머지 10% 때문에 전체를 다시 생성하면 잘 나온 부분까지 잃습니다. Painter는 고칠 부분만 칠해 그 영역만 다시 만들게 합니다.

Painter는 이미지와 마스크 두 출력을 가집니다. Brush·Eraser·Canvas 탭에서 브러시 크기·경도·색을 조절할 수 있고, 빈 캔버스에 손그림을 그려 sketch-to-image 재료로 쓸 수도 있습니다.

Painter 자체는 크레딧을 쓰지 않는 비생성형 노드입니다. 크레딧은 마스크를 받은 편집 모델이 실행될 때 듭니다.

Compositor에 이미지·영상·텍스트를 연결하면 각 입력이 레이어가 됩니다. 레이어를 드래그해 순서를 바꾸고, 캔버스에서 직접 옮기고 돌리고 키울 수 있습니다. 오른쪽 패널에서 투명도(opacity)·혼합 방식(blend mode)·정렬을 조정합니다.

도형을 직접 그리거나 배경색을 깔 수도 있어, 텍스트를 올린 썸네일이나 제품 합성컷을 노드 하나에서 마무리할 수 있습니다. 영상 레이어를 넣으면 노드 안에 Timeline이 열립니다.

Compositor는 크레딧을 쓰지 않습니다. 생성은 모델 노드가, 조립은 Compositor가 맡는 분업입니다.

Compositor Example을 열어 duplicate to my files로 복제하면 같은 그래프로 따라갈 수 있습니다.

화면으로 따라가기

첫 화면에서는 Compositor가 여러 입력을 받는 위치와 하나의 결과를 내는 위치를 확인합니다.

Compositor는 다른 워크플로우에서 만든 배경·오버레이 텍스트를 합칠 때 씁니다.

각 요소를 따로 생성하고 background remover로 배경을 제거한 뒤 layer 포트에 연결합니다.

포트가 부족하면 add another layer로 늘리고, 에디터 안에서 각 레이어의 크기·위치를 조정합니다.

공식 팀 템플릿은 여러 장면 영상을 painter와 merge alpha로 오려내 합칩니다.

레이어를 합치면 한 장면처럼 자연스럽습니다. 배경·요소·텍스트를 따로 만들어 합칠 때 유리합니다.

Pitfall

• Compositor 레이어 순서·blend mode 무시 — 의도와 다른 합성이 나옵니다.
• 배경 제거 없이 합성 — 경계가 지저분합니다. painter·remove background·merge alpha로 분리한 뒤 올립니다.

자주 묻는 질문

• Compositor에 레이어가 안 보입니다. — layer 포트 연결과 레이어 순서를 확인합니다.

어둡게 나온 결과를 프롬프트를 바꿔 다시 생성하면 크레딧이 들고, 구도까지 달라집니다. 밝기·대비 문제는 Levels 노드가 크레딧 없이 해결합니다.

Levels에 이미지를 연결하면 히스토그램이 보입니다. 왼쪽 점(black point)은 어두운 영역, 오른쪽 점(white point)은 밝은 영역, 가운데(gray point)는 중간 톤을 담당합니다. 색이 한쪽으로 치우쳤다면 RGB 채널을 분리해 채널별로 조정합니다.

영상에도 같은 방식으로 쓸 수 있어, Crop 뒤·Export 앞에 두는 마감 단계 노드로 자리 잡으면 됩니다.

효과 이름보다 조절할 값을 먼저 정합니다

하프톤 효과처럼 결과만 설명하면 기본 조절 항목만 생길 수 있습니다. 다음 작업에서도 쓰려면 크기, 위치, 색, 불투명도 가운데 무엇을 직접 바꿀지 함께 적습니다.

공식 영상은 color halftone effect로 시작합니다. 입력을 연결한 뒤 점의 빈도, 각도, 채움 정도를 확인합니다.

빠진 조절 항목은 기존 효과에 추가합니다

처음부터 다시 만들지 않습니다. 연필 버튼으로 기존 설명을 열고 RGB 색상, 겹치기 방식, 불투명도를 추가한 뒤 업데이트합니다.

설명을 고칠 때는 아래 네 줄로 나눕니다.

만들 효과: 컬러 하프톤
입력: 이미지 또는 영상 1개
조절 항목: 점 크기, 간격, 각도, RGB 색상, 불투명도
초기값: 원본을 알아볼 수 있는 약한 강도

화면에서 움직일 값은 조절 방식까지 적습니다

위치나 원근은 숫자만으로 맞추기 어렵습니다. 이때 중심점을 화면에서 움직이게 해 주세요, 각 모서리에 핀을 하나씩 넣어 주세요처럼 조절 방식을 요청합니다.

저장한 효과는 입력만 바꿔 다시 씁니다

완성한 효과는 Saved Nodes에 저장합니다. 공식 영상의 Film Look Creator는 필름 입자, 색온도, 대비를 조절하며, 촬영본마다 같은 노드를 다시 연결합니다.

복잡한 장면은 작은 효과로 나눕니다

감시 카메라 화면, 원근 변형, 화면 유리 반사, 손으로 든 카메라 흔들림을 각각 별도 효과로 만들면 고칠 지점을 찾기 쉽습니다. 마지막에 Compositor에서 여러 레이어를 합칩니다.

막혔을 때 확인합니다

• 조절 항목이 없으면 효과 이름만 적지 않았는지 확인합니다.
• 다른 이미지에서 너무 강하면 강도와 불투명도를 추가합니다.
• 위치가 맞지 않으면 중심점이나 네 모서리 핀을 요청합니다.
• 한 부분을 고칠 때 전체가 흔들리면 역할이 다른 효과를 별도 노드로 나눕니다.

노드가 많아지면 같은 입력을 여러 곳에 일일이 연결하느라 선이 얽힙니다. Router는 이 분기를 한 노드로 정리합니다.

• Router는 입력 하나를 받아 여러 출력으로 내보냅니다.
• 나누고 싶은 연결선을 더블클릭하면 그 자리에 Router가 자동으로 생깁니다.

결과 자체는 바뀌지 않고, 연결선을 정리하는 용도입니다. 공통 Prompt를 여러 이미지 모델에 보낼 때 Prompt를 Router에만 연결해 두면, 모델을 바꾸거나 추가해도 Router 뒤쪽 연결만 손대면 됩니다.

화면으로 따라가기

Router를 넣기 전 연결선이 여러 모델 사이에서 어떻게 얽히는지 먼저 확인합니다.

한 프롬프트가 여러 이미지 노드로 직접 연결되면 선이 얽힙니다. 노드가 20개쯤 되면 어느 선이 어디로 가는지 추적하기 어렵습니다.

같은 프롬프트를 Router에 한 번만 연결하고, Router에서 각 노드로 분기합니다.

Router를 넣기 전후로 결과는 같습니다.

Pitfall

• 연결선 스파게티 — Router로 정리하지 않으면 며칠 뒤 유지보수가 안 됩니다.
• Router가 결과를 바꾼다고 오해 — 정리·가독성 전용입니다. 출력은 같습니다.

• 실행할 영역을 선택하고 Run selected를 누르면 선택한 노드가 모두 실행됩니다.
• 노드가 100개여도 한 번에 실행됩니다.
• 노드 하나만 실행하려면 그 노드를 선택하고 command+enter를 누릅니다.

입력만 바꿔서(예: 고양이를 기린으로) 다시 Run selected를 누르면 전체가 새 결과로 바뀝니다.

화면으로 따라가기

전체 실행과 비교하기 전에 노드 하나만 실행하는 버튼과 단축키를 확인합니다.

노드 하나만 실행하려면 Run 버튼을 누르거나, 노드를 선택하고 command+enter를 누릅니다.

워크플로우 전체를 선택하고 run selected를 누르면 노드가 100개든 1,000개든 한 번에 실행됩니다.

입력 단어만 바꿔 run selected를 다시 누르면 전체가 새 결과로 갱신됩니다.

Pitfall

• 뼈대도 안 끝났는데 run selected부터 누릅니다. 전체 실행은 생성형 노드를 전부 돌려 크레딧을 한꺼번에 쓰니, 연결 전엔 노드 하나만 command+enter로 확인합니다.

자주 묻는 질문

• 크레딧이 갑자기 많이 빠졌습니다. — run selected는 생성형 노드를 전부 실행합니다. 테스트할 때는 노드 하나만 실행합니다.

노드가 몇 개 없을 때는 필요 없지만, 30개를 넘거나 여러 흐름이 섞이면 그룹과 이름 없이는 며칠만 지나도 다시 알아보기 어렵습니다.

• 영역을 선택해 우클릭하고 Group selection으로 묶은 뒤 이름을 붙입니다.
• 노드 하나만 바꾸려면 rename을 씁니다.

미리 정리해 두면 나중에 본인이 다시 열어도, 다른 사람이 파일을 받아도 구조를 바로 알아볼 수 있습니다.

화면으로 따라가기

먼저 여러 노드를 한 영역으로 묶고 이름을 붙이는 메뉴 위치를 확인합니다.

영역을 선택하고 우클릭해 group selection을 누른 뒤 이름을 지정해요(예: image generator flow).

노드 하나만 이름을 바꿀 때는 그 노드를 우클릭하고 rename을 누릅니다.

Pitfall

• 정리 없이 노드만 늘립니다. 30개를 넘기면 본인도 못 알아보니, 초반부터 group selection·rename을 습관으로 들입니다.

어느 모델이 내 프롬프트에 맞는지는 돌려 보기 전엔 모릅니다. 결과를 캔버스 여기저기서 하나씩 열어 보는 대신, Compare Node에 모으면 한 화면에서 나란히 비교할 수 있습니다.

Router로 프롬프트 하나를 여러 모델에 분기하고 각 출력을 Compare에 연결하는 구조가 기본입니다. 고른 뒤에는 그 결과 노드만 다음 단계(영상 생성, 합성 등)에 연결합니다.

화면으로 따라가기

먼저 검색 결과에서 모델마다 이름과 용도가 어떻게 나뉘는지 확인합니다.

이미지 검색창에 image를 입력하면 GPT Image·Imagen·Flux·Nano Banana 같은 모델 목록이 나옵니다.

모델에 마우스를 올리면 용도 설명과 크레딧이 함께 뜹니다. 모델마다 잘하는 작업과 비용이 다릅니다.

두 이미지를 한 장면에 합치려면 add another image input으로 포트를 늘려 둘 다 연결합니다.

영상 생성 노드도 모델이 여러 개고, 화질은 어떤 모델을 고르느냐에 좌우됩니다.

자주 묻는 질문

• 어떤 이미지 모델을 골라야 하나요? — hover 설명·크레딧을 보고 용도에 맞게 고릅니다.
• 두 이미지가 한 장만 반영됩니다. — 이미지 입력 포트를 추가합니다.
• 영상이 흐립니다. — 모델을 바꾸거나 첫 프레임 이미지 품질을 올립니다.

생성형 노드는 실행할 때마다 크레딧을 씁니다. 비용은 모델마다 크게 달라서, 이미지 모델 기준 가장 싼 Mystic이 0.2 크레딧, 가장 비싼 ChatGPT Images가 37 크레딧입니다.

그래서 순서가 비용을 결정합니다. 구도·소재를 정하는 실험 단계에서는 싼 모델을 여러 번 돌리고, 방향이 확정된 뒤에 원하는 모델로 한 번 마무리합니다. 왼쪽 모델 패널은 가격순 정렬을 지원해 싼 모델을 찾기 쉽습니다.

배치 실행은 입력 개수만큼 비용이 곱해집니다. 항목 4개를 12크레딧 모델에 연결하면 한 번에 48크레딧입니다. Run selected로 실행 범위를 고르는 습관과 붙여 씁니다.

지금까지는 프롬프트에서 시작하는 워크플로우를 만들었습니다. 실무에서는 내 사진·로고·영상에서 시작하는 경우가 더 많고, 그 입구가 Import 노드입니다.

Import는 클릭 업로드·드래그앤드롭·링크 붙여넣기 세 방법을 지원합니다. 반대쪽 끝의 Export 노드는 연결된 노드의 결과를 원본 포맷 그대로 내 컴퓨터에 내려받습니다.

캔버스에서 결과를 우클릭해 하나씩 저장할 수도 있지만, Export 노드를 파이프라인 끝에 붙여 두면 실행할 때마다 같은 자리에서 결과를 받게 됩니다.

내가 만든 워크플로우를 팀원이나 클라이언트가 쓰게 하려고 노드 화면을 통째로 넘기면, 받은 사람은 어디를 눌러야 할지 모릅니다. Output Node가 이 간극을 메웁니다.

결과 노드에 Output을 연결하면 캔버스 상단에 Tool 탭이 열립니다. Tool 화면에는 열어 둔 입력과 결과만 보이고, 노드 뒷단은 숨겨집니다. 로고를 올리면 굿즈 목업이 나오는 도구, 문장을 넣으면 브랜드 톤 이미지가 나오는 도구 같은 것을 이렇게 만듭니다.

공유 링크가 자동 생성되므로, 완성한 도구는 링크 하나로 전달합니다.

디자인 작업 중에 생성이 필요할 때마다 Weave 캔버스로 오가면 흐름이 끊깁니다. Figma Design의 Tools 패널이 그 왕복을 없앱니다.

Tools 패널에서 Weave 리소스 타입을 고르면 내가 만든 도구 목록이 보이고, 선택해 실행하면 결과가 바로 디자인 파일로 들어옵니다. 무거운 워크플로우 설계는 Weave에서 한 번 해 두고, 팀은 Figma 안에서 결과만 받아 쓰는 분업이 됩니다.