노드의 문법

노드의 흐름

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 노드만 두고 실행 — 단독으로는 아무 일도 안 하므로, 항상 생성 노드에 연결합니다.