AI 이미지·영상 제작 흐름

노드의 흐름

Figma Weave의 화면은 캔버스입니다. 기능 덩어리(노드)를 화면에 놓고 선으로 연결해 결과를 만듭니다.

• 노드 하나는 왼쪽에 입력, 오른쪽에 출력이 있습니다. 왼쪽으로 재료가 들어오고 오른쪽으로 결과가 나갑니다.
• 예를 들어 LLM 노드는 모델을 고르고 프롬프트를 연결해 실행하면, 오른쪽 출력으로 텍스트 답이 나옵니다.
• 한 번 만든 연결은 그대로 다시 실행해 같은 방식의 결과를 여러 개 만들 수 있습니다.

공식 문서: Understanding Nodes에서 더 자세한 예시를 볼 수 있습니다.

노드의 두 종류

• 생성형 노드 — 이미지나 영상을 만드는 노드입니다. Run 버튼을 눌러 실행할 때마다 크레딧을 씁니다.
• 비생성형 노드 — painter, blur, 합성 등 이미 있는 것을 다루는 노드입니다. 크레딧을 쓰지 않습니다.

다음 카드에서 보는 노드 색이 어떤 노드가 크레딧을 쓰는지 구분하는 첫 단서입니다.

화면으로 따라가기

먼저 새 파일을 열었을 때 노드를 놓기 전의 빈 캔버스가 어떻게 보이는지 확인합니다.

create a new file을 누르면 빈 무한 캔버스가 열립니다.

노드를 추가하는 방법은 두 가지입니다. 캔버스 빈 곳을 우클릭해 검색하거나, 왼쪽 돋보기 아이콘에서 드래그합니다.

트랙패드 두 손가락으로 이동하고, command 키를 누른 채 스크롤하면 확대·축소됩니다.

작업물이 화면 밖으로 벗어나면 줌 레벨 메뉴의 zoom to fit을 누릅니다.

Node Examples를 열어 duplicate to my files로 내 파일에 복제하면 같은 그래프로 따라갈 수 있습니다.

Pitfall

• 단발 한 장에 워크플로우를 만듭니다. 한 장이 목적이면 챗 도구가 빠르고, Weave는 반복·대량에서 값이 있습니다.

• 연결은 같은 색끼리만 됩니다. 예를 들어 텍스트(보라) 포트를 이미지(녹색) 포트에 바로 꽂을 수 없습니다.
• 어떤 노드를 어디에 연결할지 헷갈릴 때는 먼저 포트 색을 봅니다.
• 색이 같으면 연결되고, 다르면 중간에 타입을 바꿔 줄 노드를 하나 더 넣어야 합니다.

색 다섯 가지를 알아두면 처음 보는 노드도 어디에 연결할지 짐작할 수 있습니다.

화면으로 따라가기

첫 화면에서 연결선 양쪽 포트가 같은 보라색인지 확인합니다.

Prompt 노드의 보라(텍스트) 출력을 이미지 생성 노드의 보라(텍스트) 입력에 연결하는 장면입니다. 노드가 만드는 결과와 포트 색은 별개라, 이미지를 만드는 노드도 텍스트를 받는 입력 포트는 보라입니다.

연결선 위로 마우스를 올리면 포트 색이 같은지 바로 확인할 수 있습니다.

두 노드를 연결하는 동작은 모든 작업의 기본입니다. 한 번 익히면 다른 노드에도 같은 방식으로 적용됩니다.

노드 추가

• 캔버스 빈 곳에서 우클릭해 검색합니다.
• 왼쪽 위 돋보기 아이콘을 눌러 노드를 끌어다 놓습니다.

연결

• 연결선은 데이터가 흐르는 방향을 보여 줍니다.
• 완성된 선에서 데이터는 한 노드의 출력(오른쪽 점)에서 다음 노드의 입력(왼쪽 점)으로 흐릅니다.
• 연결 동작은 호환되는 입력이나 출력 어느 쪽에서 시작해도 됩니다. 입력끼리나 출력끼리는 연결되지 않습니다.

끊기. 잘못 이었다면 연결선을 클릭한 뒤 backspace 키를 누르면 끊깁니다.

색이 다른 포트끼리는 연결이 거부됩니다. 그 자리에는 색을 바꿔 줄 노드를 하나 더 넣어야 한다는 뜻입니다.

Pitfall

• 호환 안 되는 포트끼리 연결을 시도합니다. 텍스트는 텍스트에만, 이미지는 이미지에만 연결되니 포트 색을 먼저 확인합니다.

자주 묻는 질문

• 연결이 안 됩니다. — 포트 타입이 다른 경우입니다. 같은 색(타입)끼리만 연결됩니다.
• 연결선을 어떻게 지우나요? — 연결선을 클릭한 뒤 backspace를 누릅니다.

Prompt 노드에는 만들고 싶은 내용을 글로 적고, 그 출력을 이미지·영상 같은 생성 노드의 입력에 연결합니다.

모델 고르기

• 왼쪽 검색창에 image를 입력하면 여러 이미지 생성 모델이 나옵니다.
• 각 모델에 마우스를 올리면 어떤 용도에 좋은지, 한 번 실행할 때 크레딧이 얼마 드는지 짧은 설명이 뜹니다.
• 같은 프롬프트라도 어떤 모델에 연결하느냐에 따라 결과와 비용이 달라집니다.

이미지 두 장 합치기

• 이미지 노드의 기본 입력 포트 하나로는 사진을 한 장만 넣을 수 있습니다.
• 두 장을 넣으려면 add another image input을 눌러 포트를 하나 더 만듭니다.
• 두 이미지를 각각 연결한 뒤 프롬프트에 두 대상을 한 장면에 두라고 적어 실행합니다.

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

화면으로 따라가기

먼저 Prompt 노드를 모델에 연결하지 않은 상태를 봅니다. 문장이 들어 있어도 이 상태만으로는 결과가 생기지 않습니다.

Prompt 노드만 캔버스에 놓아두면 아무 결과도 안 나옵니다. 다음 화면에서 보라색 출력 포트가 이미지 생성 노드의 텍스트 입력에 연결되는지 확인합니다.

두 노드가 연결됐으면 이미지 생성 노드의 Run을 누릅니다. 마지막 화면에서 프롬프트에 적은 대상이 실제 이미지로 나왔는지 확인합니다.

Run을 눌러야 Prompt에 적은 내용대로 이미지가 만들어집니다.

Pitfall

• Prompt 노드만 두고 실행 — 단독으로는 아무 일도 안 하므로, 항상 생성 노드에 연결합니다.

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

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에서 여러 레이어를 합칩니다.

막혔을 때 확인합니다

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

어느 모델이 내 프롬프트에 맞는지는 돌려 보기 전엔 모릅니다. 결과를 캔버스 여기저기서 하나씩 열어 보는 대신, 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로 실행 범위를 고르는 습관과 붙여 씁니다.