개념 Node
노드
이 카드를 다루는 수업 Config 2026에서 시작하는 Figma Weave 실습
노드의 흐름
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 노드를 추가합니다. 우클릭 검색 또는 좌측 돋보기에서 끌어옵니다.
직접 해보기
화면에서 노드 하나를 골라 왼쪽 입력과 오른쪽 출력을 손가락으로 짚고, 어떤 재료가 들어와 어떤 결과가 나가는지 표로 적어 보세요.
헷갈리기 쉬운 것
연결선을 만드는 손동작과 데이터 흐름을 같은 것으로 보지 않습니다. 드래그는 입력이나 출력에서 시작할 수 있지만, 데이터는 출력에서 입력으로 흐릅니다.
왜 이렇게 작동하나요
주방에서는 재료가 들어오고, 조리 과정을 거쳐, 음식이 나옵니다. 노드도 같은 흐름을 화면에 펼쳐 놓은 상자입니다.
노드는 재료를 받는 입력과 처리한 결과를 내보내는 출력으로 나뉩니다. 연결선은 장식이 아니라 데이터가 이동하는 방향을 보여 줍니다.
용어 풀이
전체 용어집 →- 프롬프트
- AI에게 무엇을 만들지 글로 적어 주는 요청문입니다. 프롬프트 노드에 적은 글이 이미지·영상의 재료가 됩니다.
- LLM
- Large Language Model, 대규모 언어 모델의 줄임말입니다. 아주 많은 글에서 말이 이어지는 방식을 학습해 두고, 앞에 나온 말을 보고 다음에 올 말을 골라 문장을 만듭니다. ChatGPT·Claude도 이 방식으로 움직입니다.
- 캔버스
- 노드를 올려놓고 작업하는 넓은 화면입니다. 손가락 두 개로 이동하고, 확대·축소도 됩니다.
- 크레딧
- 이미지·영상을 만드는 노드를 실행할 때마다 줄어드는 사용량입니다. 요금제에 따라 매달 지급됩니다.
2026-07-23 기준 · 출처 · Understanding Nodes