Figma Weave 시스템 만들기

• 같은 작업을 입력만 바꿔 여러 번 할 때: 노드를 복사하는 대신 Text Iterator를 씁니다

• 여러 텍스트를 한 모델에 보내면 각 입력이 따로 실행되어 결과도 따로 나옵니다

• 입력 다섯 줄이면 결과도 다섯 개입니다

입력을 넣는 방법 네 가지

• 직접 타이핑

• Array 노드 연결

• Prompt 노드 연결

• CSV import

• 목록 항목이 많을수록 반복 작업을 줄여 주는 효과가 큽니다

• 자세한 사용법: 공식 문서: Iterators

• 예제: Iterator Workflows를 열어 duplicate to my files로 복제하면 같은 그래프로 따라갈 수 있습니다

화면으로 따라가기

• 확인할 것: 항목마다 프롬프트 노드를 하나씩 만드는 방식이 목록이 늘어날 때 어떻게 복잡해지는지

• 프롬프트 노드 4개로 시작한 워크플로우도 종류가 100개로 늘면 감당하기 어려워집니다
• 다음 화면에서 확인할 것: 검색 결과에 Text·Image·Video Iterator가 따로 나오는지

• Iterator 종류: text·image·video 3종
• 확인할 것: Text Iterator를 열고 add another item으로 항목을 늘리는 위치

• cat, dog처럼 항목을 담았으면 모델에 연결하기 전에 실행 횟수와 크레딧을 계산합니다

• 리스트를 모델에 연결하면 항목마다 따로 실행됩니다
• 크레딧도 항목 수만큼 곱해집니다
• 마지막 화면에서 확인할 것: 입력 네 개가 결과 네 개로 나뉘었는지

• 결과물 자체는 일반 프롬프트와 같습니다
• 차이: 정리와 가독성

자주 묻는 질문

• 일부 항목만 생성됐어요 — select all 누락입니다. 실행 전 전체 선택을 확인합니다.
• 크레딧이 갑자기 많이 빠졌어요 — Iterator는 항목 수만큼 곱해지니, 소량으로 먼저 테스트합니다.

• 동작: Text Iterator와 같습니다

• 대상: 이미지

• 파일을 직접 올려 씁니다

• 올린 이미지 각각이 따로 실행됩니다

• 쓰임: 같은 스타일 변환을 여러 장에 한 번에 적용할 때

화면으로 따라가기

• 확인할 것: 연결 포트 대신 파일을 직접 넣는 위치

• 입력 포트가 없어서 이미지를 노드에 직접 드래그합니다

• 90년대 카툰 스타일 프롬프트와 nano banana를 연결합니다

• 결과: 올린 이미지마다 같은 변환이 적용된 결과가 따로 나옵니다

• 한계: 다른 노드의 출력을 직접 되받기 어렵습니다
• 중간 결과를 파일로 내려받아 다시 끌어와야 합니다

Pitfall

• Image Iterator에 다른 노드 출력을 직접 연결하려고 하면 안 됩니다. 입력 포트가 없어서 파일로 내려받아 다시 끌어와야 합니다.

자주 묻는 질문

• Image Iterator 연결이 안 돼요 — 입력 포트가 없어서, 이미지를 직접 드래그합니다.

• 동작: Image Iterator와 같습니다
• 대상: 영상 파일
• 영상을 직접 올려 쓰고, 올린 영상마다 결과를 따로 받습니다

화면으로 따라가기

• Video Iterator 전용 캡처: 아직 없습니다
• 확인할 것: Image Iterator 화면에서 파일을 노드에 직접 넣는 위치(Video Iterator도 같은 구조)

• 입력 포트가 없어 파일을 노드에 직접 드래그하는 구조는 Video Iterator도 동일합니다
• 다음 화면에서 확인할 것: 이 구조 때문에 앞 노드의 출력을 곧바로 연결하기 어려운 이유

• 다른 노드의 출력을 직접 되받기 어려운 한계도 Video Iterator에 그대로 적용됩니다

Pitfall

• Video Iterator에 다른 노드 출력을 직접 연결하려고 하면 안 됩니다. 입력 포트가 없어서 파일로 내려받아 다시 끌어와야 합니다.

• 왼쪽 아래 + 버튼: 입력 칸을 원하는 만큼 늘립니다

• 노드 안 빈칸: 고정 문구를 직접 적어 함께 합칠 수 있습니다

• 예: “이 사람의 헤드샷을 만들어라”라는 고정 지시문에 배경 문구만 바꿔 끼우면 배경이 다른 헤드샷을 여러 장 만듭니다

화면으로 따라가기

• 확인할 것: Prompt Concatenator의 입력 포트와 합쳐진 출력 위치

• 하는 일: 프롬프트 합치기

• 프롬프트 두 개를 각각 포트 1·2에 연결하면 하나로 합쳐집니다

• 쓸모: 반복 제거
• 공통 지시 하나에 배경 리스트를 더하면 같은 지시를 여러 번 복제하지 않아도 됩니다

• 배경 문구 하나가 고정 지시문과 합쳐져 완성된 프롬프트가 됩니다

Pitfall

• 결합 순서·공백을 확인하지 않으면 프롬프트가 뭉쳐 보이므로, 합쳐진 결과를 실행 전에 확인합니다.

• 입력 1: Iterator의 리스트

• 입력 2: 공통 문구를 한 번만 적습니다

• 결과: 리스트의 각 항목과 공통 문구가 자동으로 합쳐집니다

• 항목이 50개, 500개로 늘수록 효과가 커집니다

• 예제: AI Headshot Workflow를 열어 duplicate to my files로 복제하면 같은 그래프로 따라갈 수 있습니다

화면으로 따라가기

• 확인할 것: Iterator 목록이 Concatenator의 입력으로 들어가는 연결

• Iterator의 동물 리스트를 Concatenator에 연결합니다

• 공통 문구 “on a white background”를 한 번만 입력하면 리스트 전체 항목에 적용됩니다

• 결과: 동물 4종 모두 흰 배경으로 생성됐습니다

• 같은 원리를 실전에 적용한 예
• 구성(5노드): 중립 지시 프롬프트, 배경 8종 Iterator 리스트, Concatenator, 셀피 이미지, 이미지 생성 모델

• 셀피만 바꾸면 같은 구조로 누구의 헤드샷이든 8장을 만듭니다

자주 묻는 질문

• 100개를 만들려면 노드 100개가 필요한가요? — 아닙니다. 리스트 1개와 모델 1개면 됩니다.

• Prompt 노드 안에서 @를 입력하면 그 부분이 변수가 됩니다

• 프롬프트 아래에 변수마다 입력칸이 생깁니다

• 입력칸에 넣는 값이 문장에 끼워져 실행됩니다

• 변수는 노드 안에서 위치를 옮기거나 복제해 여러 곳에 재사용할 수 있습니다

• List 노드나 Text Iterator를 변수에 연결하면 준비해 둔 옵션을 골라 가며 프롬프트를 조정합니다

• 입력·출력: 텍스트를 받아 텍스트를 돌려줍니다

• 모델을 고르고 지시문을 연결해 실행하면 답이 나오는, ChatGPT와 같은 구조입니다

• 차이: 출력이 채팅창이 아니라 다음 노드로 흘러갑니다

• 가장 자주 쓰는 조합: LLM이 프롬프트 여러 개를 별표(*)로 구분해 출력 → Text Iterator의 split by asterisk로 나눕니다

• 나눠진 프롬프트는 각각 따로 생성 노드에 들어갑니다

• LLM은 받은 것만 압니다

• 지시문만 주면 브랜드와 무관한 프롬프트를 만듭니다

• 성공한 예시 이미지·브랜드 설명 같은 맥락을 같이 연결해야 결과가 유지됩니다

• 이미지 모델은 조명·구도·스타일이 붙은 구체적인 프롬프트에서 좋은 결과를 냅니다

• Prompt Enhancer: 매번 길게 쓰는 대신 짧은 문장을 그 형태로 확장합니다

• 노드 안에서 확장에 쓸 LLM을 고릅니다

• enhancement instructions: 어떤 방향으로 다듬을지 지정합니다

• 사진풍·일러스트풍 같은 기준을 여기에 적어 두면 매번 같은 결로 확장됩니다

• 노드가 많아지면 같은 입력을 여러 곳에 일일이 연결하느라 선이 얽힙니다

• Router: 이 분기를 한 노드로 정리합니다

• Router는 입력 하나를 받아 여러 출력으로 내보냅니다.

• 나누고 싶은 연결선을 더블클릭하면 그 자리에 Router가 자동으로 생깁니다.

• 용도: 연결선 정리(결과 자체는 바뀌지 않습니다)

• 공통 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을 습관으로 들입니다.