구글 AI 스튜디오로 나만의 클립아트 앱 만들기

개념적인 바이브 코딩이 일상화되면서 다양한 AI 도구 활용이 늘고 있다. 구글 AI 스튜디오는 이러한 흐름 속에서 등장한 플랫폼으로, 코딩 지식이 없어도 앱을 만들어 작업 자동화를 실현한다. 이 글은 구글 AI 스튜디오를 활용해 발표 자료용 클립아트를 대량으로 만드는 과정을 설명한다.

바이브 코딩과 클립아트 제작의 배경

오늘날 AI를 활용한 코딩은 일반적인 방식으로 자리 잡았다. 새 도구를 빠르게 익히는 사람들과 이를 관망하는 사람으로 나뉜다. 이제라도 바이브 코딩을 시작하는 이들을 위해 구글 AI 스튜디오를 소개한다.

어떤 코딩 방식이든 명확한 목적이 있어야 한다. 무엇을 왜 만드는지에 대한 이유 없이는 어떤 기술도 의미가 없다. 발표 자료 작성 업무는 클립아트 검색에 많은 시간을 소모하게 한다. 생성 AI가 등장한 후 필요할 때마다 클립아트를 만들었으나, 자료 제작 중에 새로운 클립아트를 만들면 기존 아이콘과 디자인이 달라져 불편함을 주었다.

이러한 문제 해결을 위해 이전에 200여 개의 PPT용 아이콘 팩을 만들었다. 그러나 이직 시 노트북 백업을 잊어버렸고, GPT Team 요금제를 해지하며 GPTs 접근성도 잃었다. 이런 상황을 계기로 새로운 클립아트 팩을 만들기로 했다. 이번에는 생성과 재단 과정을 하나로 통합하기로 결정했다. 바이브 코딩 플랫폼으로는 구글 AI 스튜디오를 선택했다. 별도의 설치 없이 구글 계정으로 회원 가입, 카드 등록, 프롬프트 입력만으로 사용 가능하다. 그 결과 하루 만에 881개의 클립아트를 만들었다.

구글 AI 스튜디오 입문

구글 AI 스튜디오는 Gemini를 기반으로 하는 코딩 플랫폼이다. Gemini보다 더 세부적인 설정을 조작하고 앱을 만들 수 있다. 구글 계정만 있다면 별도의 가입 절차 없이 시작할 수 있다.

플랫폼에 접속하면 세 가지 모드 선택지가 나타난다.

모드	기능
Build AI apps	AI 앱을 만드는 모드이다.
Chat with models	세부 설정을 조정하는 Gemini 모드이다.
Monitor API usage	앱 사용 비용을 확인하는 모드이다.

이 글에서는 키워드를 입력하면 여러 클립아트를 동시에 생성하는 앱을 만드는 것을 목적으로 하므로, Build AI apps 모드로 들어간다.

비용 설정과 API 키 활성화

구글 AI 스튜디오를 사용하려면 구글에 서버와 AI 사용료를 지불해야 한다. 매달 일정액을 내는 방식이 아닌, 사용한 만큼 지불하는 종량제이다. 사용량 확인과 결제를 위해 API Key를 발급받아야 한다. 이는 사용 허가와 사용량 체크를 위한 계정 번호로 이해할 수 있다.

왼쪽 메뉴 하단의 Get API Key를 클릭하면 기본 API Key가 하나 생성된다. 기본 키는 “무료 등급”이며, 구글 AI 스튜디오를 사용하려면 이를 “유료 등급”으로 전환해야 한다. 절차는 간단하다. 프로젝트 이름을 누르고 휴대전화 인증으로 본인 계정을 확인한 뒤 해외 결제가 가능한 신용카드를 등록하면 된다.

결제가 활성화되면 “무료 체험” 문구가 나타난다. 이는 가입 선물인 300달러(약 45만 원) 상당의 크레딧을 사용하는 기간이기 때문이다. 이 크레딧은 입문자가 충분히 활용할 수 있는 금액이다.

나노 바나나 프로로 이미지 생성 실험

AI 앱을 만들기 전, 구글 AI 스튜디오 환경에 익숙해지는 차원에서 Gemini와 같은 모드를 사용해 본다. Chat with models를 클릭하거나 그 아래 있는 Explore Nano Banana Pro를 눌러본다. Gemini에서 그림을 그릴 때 “빠른 모드”를 사용하면 Nano Banana가, “사고 모드”를 사용하면 더 고품질의 Nano Banana Pro가 실행된다. Nano Banana Pro는 프롬프트 전달력이 우수하고 결과물의 해상도가 높으며 한글 깨짐 현상이 적다.

그림을 그리기 위한 창이 열리지만 바로 동작하지는 않는다. 화면 중앙의 Link API Key를 눌러 사용할 API Key를 선택해야 한다. 여러 개의 API Key를 가질 수 있으므로, 어떤 키에 요금을 청구할지 묻는 과정이다. 현재는 키가 하나뿐이므로 자동으로 선택된다. Select Key를 누르고 Run Ctrl ↵를 클릭하여 프롬프트를 전송한다. Ctrl과 Enter 키를 함께 눌러도 된다.

예시 프롬프트는 Generate an image of a banana wearing a costume이다. 이 프롬프트에 충실한 그림이 생성된다. 상단에 이 작업에 소요된 토큰량이 1,426개로 표시되며, 이는 약 0.14달러(약 200원)에 해당한다. 자신의 작업 비용을 인지해야 예상치 못한 지출을 막을 수 있다.

나만의 클립아트 생성 앱 개발

다시 초기 화면으로 돌아와 Build AI Apps를 눌러 앱 개발 모드로 들어간다. 앱을 개발할 때 가장 중요한 점은 구상을 구체화하는 것이다. 여기서는 키워드만으로 클립아트를 자동 생성하는 앱이 필요하다. 입력은 ‘키워드’, 출력은 ‘클립아트’이다.

좀 더 자세히 구상하면, 재현성 있는 그림을 만드는 프롬프트가 필요하다. 이 프롬프트는 기본값을 지니며 수정할 수 있어야 한다. furoku의 나노 바나나 프롬프트 모음집에서 하나를 가져와 일부 수정하여 사용한다. 한 번에 여러 클립아트를 만드는 것이 효율적이므로 5x5 배열로 생성하도록 한다. 이때, 배경에서 클립아트를 분리할 수 있어야 한다. 전체 배경색은 회색(#AAAAAA)으로 하고, 개별 클립아트의 배경색은 흰색을 사용해 구분한다. 이렇게 전체 그림과 잘린 그림들을 확인하고 내려받는 프로그램을 만든다.

클립아트 앱의 화면 구성과 기능은 다음과 같다.

항목	기능
키워드 입력	클립아트로 만들 키워드를 입력한다.
스타일 참고용 이미지 업로드	(선택 사항) Nano Banana Pro가 이미지를 만들 때 스타일을 참고할 이미지를 업로드한다.
프롬프트 수정하기	(선택 사항) 평소에는 접혀 있지만, 확장하여 프롬프트를 보고 수정하고 적용한다. 기본 프롬프트는 아래에 제공된다.
그림 생성하기 버튼	이 버튼을 누르면 기본 프롬프트의 {keyword}에 입력된 키워드가 반영되고, 수정된 프롬프트가 있다면 이를 반영하여 Nano Banana Pro를 구동해 이미지를 생성한다.
생성된 그림 표시 공간	생성된 전체 그림을 표시한다.
클립아트 단위 표시 공간	생성된 전체 그림에서 클립아트만 잘라내 격자로 배열하여 보여준다. 클립아트는 배경색(#AAAAAA, Light Gray)과 구분되는 평평하고 단색인 흰색 사각형으로 둘러싸인 5x5 배열을 의미한다. 배경색과 흰색 사각형의 경계를 탐지해 그림을 자르고 흰색 사각형 부분만 남긴다.

이 앱의 기본 프롬프트는 다음과 같다.

Evenly allocated regular 5 by 5 array of cliparts on {keyword}.
Each clipart should be about {keyword} but various designs.
The design of the cliparts should be typical to be easily recognized without text.
No title.
Each clipart has to be placed on flat solid white square.
Aspect ratio: "1:1"
###
Overall Design Settings:
Tone: "Friendly, Professional, Safe, Soft, Playful, Touchable."
Visual Identity:
Background Color: "#AAAAAA (Light Gray)"
Text Color: "#FFB7B2 (Pastel Red)"
Accent Color: "#B5EAD7 (Pastel Mint), #E2F0CB (Pastel Green), #FFFFFF (White)"
Image Style:
Features: "Clay-like 3D UI elements using Soft lighting and Pastel colors."
Shape: "Capsule shape, Inflated rectangle, Sphere, Floating card."
Imagery: "3D rendered Simple objects, Floating icons."
Effects: "Inner Shadow with little depth (Clay effect), No Outer Shadow, Matte finish."
Composition: "Centered, Ample White space, Layout with Floating feel."
Typography:
Heading: "Nunito, Quicksand, or Rounded Sans-serif."
Style: "Soft tips (Round terminal), Approachable."
###

프롬프트 중 ###로 둘러싸인 부분만 수정하면 스타일을 변경할 수 있다. 입력창 아래 “Supercharge your apps with AI”에서 사용할 도구들을 명시적으로 선택한다. 여기서는 Generate images with Nano Banana Pro와 Gemini intelligence in your app을 선택한다. 동영상 제작, 음성 입력, 논리 추론 같은 기능은 필요하지 않다.

이제 구글 AI 스튜디오에서 앱을 만들기 시작한다. 짧은 시간 안에 앱이 완성된다. 오류가 발생하여 정지하기도 하는데, 이때는 차분하게 Auto-fix를 누르면 스스로 문제를 고친다. 앱이 완성되면 PPT 같은 도구로 레이아웃을 짜서 넣어주면 창의 위치와 크기를 조절할 수 있다. 의도대로 키워드를 입력하고 예제 이미지를 넣은 뒤 Generate Clipart를 누르면 Source Output에 생성 이미지가, Extracted Clipart에 잘린 클립아트들이 나열된다.

앱 개선, 공유 및 결과물 관리

초기 앱은 클립아트를 대강 자르는 등 빈틈이 보인다. 25개 중 가운데 그림만 온전하고 나머지는 불량하게 생성되는 식이다. 원하는 사항을 명확하게 입력하여 프롬프트를 추가로 수정해야 한다. 마치 말이 잘 통하지 않는 신입 직원과 같으므로, 인내심을 가지고 여러 번 지시하며 테스트해야 한다.

그러다 보면 어느새 앱이 고쳐져 있다. 그러나 여기서 안심해서는 안 된다. 오류나 올바른 결과가 확률적으로 나타날 수 있으므로 여러 번 테스트를 해야 한다. 화면에 보이는 결과부터 파일명 형식까지, 모든 부분이 제대로 작동하는지 확인한다.

구글 AI 스튜디오에서 만든 앱은 다양한 방식으로 공유할 수 있다. 소스 코드를 공유하여 로컬에서 실행하거나, GitHub에 올릴 수 있다. Web App으로 만들어 공유하거나 프로젝트 전체를 공유하는 것도 가능하다. 다만, 회사에 따라 보안 규정으로 앱 배포가 제한될 수 있으므로 적절한 방법을 선택하여 진행해야 한다.

어떤 방법으로 공유하든 이 앱을 사용하면 비용이 발생한다. 클립아트를 900개 정도 만들었을 때 약 2만 원이 소요되었다. 불특정 다수에게 앱이 배포되면 통제할 수 없는 비용이 발생할 수 있으므로, 책임지고 감당할 수 있는 범위 내에서 배포해야 한다.

자동화는 대량의 결과물을 낳는다. 이렇게 생성된 클립아트들을 어떻게 관리할지 미리 계획하는 것이 좋다. Google Drive에 디렉터리를 만들고 Google Drive for Windows로 연결하면 어디서든 작업할 때 가져다 쓰기 쉽고, 동료와 공유하기도 용이하다.

Google Nano Banana Pro는 GPT OpenAI Image Generator에 비해 다소 예측 불가능한 경향이 있다. 예를 들어, 데이터베이스를 그리라고 요청했는데 다소 관련 없어 보이는 그림을 함께 그리는 경우가 있다. 데이터베이스, 인공지능, 에이전트와 같이 여러 종류의 클립아트를 동시에 만들면, 이 세 키워드에서 만들어지는 클립아트들이 서로 섞여 있을 확률이 높다. 따라서 한 번에 다양한 주제를 동시에 만들고 결과물을 보면서 다시 분류하는 것이 효율적이다.

출처

• Pega Devlog. 클립아트 만들기 1 — Google AI Studio. https://tech.jehyunlee.dev/2026/02/01/General-93_googleaistudio/