웹 UI
JsonPipe는 비주얼 캔버스가 포함된 브라우저 기반 워크플로우 생성 인터페이스를 제공합니다.
인터페이스 개요
| 섹션 | 설명 |
|---|---|
| 모드 선택 | 빠른 모드와 단계별 모드 전환 |
| 언어 전환 | 한국어와 영어 전환 (KO / EN) |
| 입력 영역 | 자연어로 워크플로우 설명 |
| 생성 버튼 | 요청 제출 |
| 비주얼 캔버스 | 워크플로우를 노드 그래프로 시각화 |
| 출력 패널 | 계획, 노드 목록, JSON 확인 |
빠른 모드
- 빠른 생성 탭 선택 (기본값)
- 텍스트 영역에 워크플로우 설명 입력
- 워크플로우 생성 클릭
- 비주얼 캔버스와 생성된 노드 확인
- JSON 다운로드로 저장
예시
입력:
매시간 https://techcrunch.com/feed/ RSS 피드를 확인하고
새 기사를 Slack #tech-news에 게시
출력: 다음을 포함하는 완전한 n8n 워크플로우:
- RSS 피드 트리거 노드 (1시간 간격)
- Slack 노드 (#tech-news에 게시)
- 노드 간 적절한 연결
- 캔버스에 시각적 표현
단계별 모드
- 단계별 탭 선택
- 트리거 선택 (Webhook, 스케줄, Gmail, Telegram, RSS)
- 액션 선택 (AI 처리, 필터, 변환, HTTP, 데이터베이스)
- 출력 선택 (Slack, Telegram, 이메일, Google Sheets, Webhook)
- 확인 및 생성 클릭
언어 전환
네비바에서 지구 아이콘을 클릭하여 언어를 전환하세요. 모든 UI 라벨, 프롬프트, AI 응답이 전환됩니다.
워크플로우 캔버스
생성 후 워크플로우가 인터랙티브 노드 그래프로 시각화됩니다:
- 줌 & 팬 — 캔버스 탐색
- 미니맵 — 전체 워크플로우 개요
- 색상별 노드 — 트리거 (주황), 처리 (파랑), 출력 (초록), 조건 (노랑)
n8n에 가져오기
생성 후:
- JSON 다운로드로 파일 저장
- n8n에서 Workflows → Import from JSON 이동
- JSON 붙여넣기 또는 업로드
- 각 서비스의 자격 증명 구성
- Activate 클릭하여 워크플로우 활성화