Aitoon은 웹툰 작가가 캐릭터·의상·배경 생성부터 컷 배치, 스토리 각색까지 한 곳에서 처리할 수 있는 AI 플랫폼입니다. AI로 처리가 어려운 세부 작업은 전문가에게 요청해 품질을 보완하는 협업 기능도 함께 붙어 있습니다.
에이아이빌 재직 중 프론트엔드를 단독으로 맡았고, AI 생성 결과물을 웹툰 작업 플로우에 녹여내는 UX 설계에 집중해서 작업했습니다.
맡은 부분
이미지 생성
캐릭터·의상·배경을 Stable Diffusion API로 생성하고, 리즈널 프롬프터로 컷 내 캐릭터 위치를 직관적으로 지정하도록 UI를 짰습니다. Inpaint 기능으로 부분 수정을 바로 돌릴 수 있습니다.
GPT 기반 스토리 각색
전체 웹툰 흐름, 에피소드별 스토리, 컷별 대사 각색까지 GPT API를 태워서 작가가 편집·확정할 수 있게 만들었습니다. 에피소드 간 연결성도 같이 관리됩니다.
Fabric Canvas 컷 에디터
컷 레이아웃·말풍선·텍스트·기타 요소를 레이어 단위로 배치·편집할 수 있는 에디터를 Fabric Canvas로 구현했습니다. 웹툰 제작 워크플로에 맞는 숏컷과 제스처를 같이 맞췄습니다.
전문가 협업 플랫폼
AI가 처리하기 어려운 세부 작업을 작가가 전문가에게 요청하고, 실시간 채팅으로 의견을 주고받고, 평가 시스템으로 피드백을 남기는 협업 레이어를 짰습니다.
스택
React, Vite, JavaScript, Recoil, React Hook Form + Zod, Tailwind CSS, Fabric Canvas, Quill, WebSocket, Stable Diffusion API, GPT API, Vercel.