소개
블로그 포스팅을 하다 보면, 줄글만으로는 가독성이 떨어지고 콘텐츠의 퀄리티도 낮아 보일 수 있다는 생각이 들었어요. 그래서 카드 뉴스 형태의 시각 자료와 함께 포스팅 퀄리티를 높이기 위한 자동화를 시도하게 되었습니다 ✨
제 목표는 다음과 같았습니다.
작성된 원고를 요약하고
보기 좋은 형태로 카드 뉴스화하고
구글시트에 자동으로 적재하며
Figma로 이미지 생성까지 자동화하기!
진행 방법
자동화 흐름을 이렇게 구상했습니다:
텍스트 원고를 텔레그램 봇에 전달
n8n을 통해 텔레그램 메시지를 수신하고 처리
Claude API를 활용해 요약 및 카드 뉴스용 문구 생성
생성된 콘텐츠를 구글시트에 자동 저장
Figma Plugin을 통해 구글시트 데이터를 가져와 시각 이미지로 출력(진행중)
사용한 도구들
n8n: 전체 자동화 오케스트레이션 및 워크플로우 관리
Telegram Bot: 원고 입력을 위한 직관적인 인터페이스
ChatGPT, Claude API: 카드뉴스용 문장 요약 및 재구성
Google Sheets API: 처리된 데이터의 구조화된 저장
Figma Plugin: 텍스트 데이터를 시각적 카드뉴스로 변환
커스텀 서버: Figma Plugin과 외부 API 연동을 위한 중간 서버
결과와 배운 점
현재 진행 상황
완료된 부분:
텔레그램 봇을 통한 원고 입력 시스템 구축
n8n을 활용한 텔레그램 → 구글시트 자동 적재 워크플로우 완성
Claude API 연동을 통한 텍스트 요약 및 카드뉴스 문구 생성 기능 구현
구글시트에 구조화된 데이터 저장 시스템 완성
진행 중인 부분:
Figma Plugin 개발 및 최적화
구글시트 데이터를 Figma 레이아웃에 자동 적용하는 로직 구현
커스텀 서버를 통한 안정적인 데이터 연동 시스템 구축
이전에 시도한 내용:
커서(Cursor) + Claude + Figma 플러그인을 연동하여 자동화 구현을 시도했으나, 오류가 잦고 완전 자동화는 실패했습니다.
이번에는 중간 서버를 두어 데이터 흐름을 더 안정적으로 관리하는 방식으로 접근하고 있습니다
도움 받은 글 (옵션)
참고한 지피터스 글이나 외부 사례를 알려주세요.
(내용 입력)
