본문으로 이동
토스의 AI 그래픽 생성기, 토스트를 소개합니다 #2
문서

토스의 AI 그래픽 생성기, 토스트를 소개합니다 #2

이은호/안정빈 토스 · 토스 기술 블로그

원문 보기

AI 핵심 요약

토스 팀은 금융 콘텐츠와 제품에 필요한 그래픽을 더 빠르게 만들고, 디자이너 간 아이디어 전달 과정의 비효율을 줄이기 위해 AI 그래픽 생성기 토스트를 활용했다. 텍스트 생성과 image-to-image로 2D 이미지를 만들고, 4,000개가 넘는 리소스로 학습한 모델에 2D 이미지를 넣어 토스 스타일의 3D 그래픽도 제작했다. 이를 통해 그래픽 제작 시간을 단축하고, 프로덕트 디자이너가 직접 이미지를 만들어 컨셉을 실험하거나 그래픽 디자이너에게 의도를 명확히 전달할 수 있었다. 토스트는 그래픽 제작을 돕는 도구를 넘어 팀의 실험 속도와 협업 방식을 바꾸는 기반이 됐다.

  • 텍스트만으로 원하는 장면을 설명하기 어렵다면 참조 이미지를 함께 넣는 image-to-image 방식을 활용할 수 있다.
  • 인물과 오브제를 따로 생성해 합성하면 복잡한 그래픽도 단계적으로 구성할 수 있다.
  • 2D 아이콘이나 실사 이미지를 입력해 3D 그래픽의 출발점으로 삼으면 모델링·렌더링 부담을 줄일 수 있다.
  • 프로덕트 디자이너가 생성 이미지를 활용해 컨셉을 먼저 구체화하면 그래픽 디자이너와의 방향 조율 및 재작업을 줄일 수 있다.

소개

Part 2. 토스에서는 토스트를 실제로 어떻게 활용하나요?

비슷한 학습 자료

문서 신유라

파도를 멈출 수는 없지만, 서핑하는 방법은 배울 수 있다.

문서 박수연

토스 개발자, 디자이너, PO(Product Owner) 등 다양한 직군의 팀원들이 토커톤에 참여하려고 금요일 아침부터 사무실을 찾아왔는데요. 토커톤에서 도대체 무슨 일이 일어났을까요?

문서 토스 디자인 챕터

토스 디자인챕터에서 AI Contest를 열었어요. 그중 인상적이었던 네 가지 사례를 소개합니다.

UI/UX

문서 최정은

Part 2. 토스 사용자처럼 학습된 AI ‘휴리봇’을 만들며 얻은 AI 프롬프팅 팁을 공유해드릴게요.

AI에이전트 개발

문서 최정은

Part 1. 실무에서 잘 활용할 수 있는 AI봇을 만들기 위해 프롬프팅 외에도 필요한 것들을 알려드릴게요.

AI에이전트 개발

문서 이은호

Part 1. 토스트, 이렇게 만들었어요

인공지능 기타