身為一個寫了十年程式的工程師,我一直有個小遺憾:我不會畫圖。看著朋友們用可愛的 LINE 貼圖聊天,甚至有人成為 LINE 貼圖創作者,我只能羨慕。直到 2025 年初,一切都改變了。
起源:一個不會畫圖的工程師的夢想
LINE 貼圖市場一直是一個充滿機會的領域。根據 LINE 官方數據,熱門貼圖創作者年收入可達數百萬日圓。但傳統的貼圖創作有很高的門檻:
- 需要繪畫技巧或使用繪圖軟體
- 需要設計 8-40 張不同表情的角色
- 需要符合 LINE 嚴格的尺寸規範(370x320、240x240、96x74)
- 需要去除背景、調整透明度
- 整個流程可能需要數天甚至數週
對於像我這樣不會畫圖的人來說,這些門檻幾乎是不可逾越的。
轉機:Gemini 3 Pro 的圖片生成能力
2025 年初,Google 發布了 Gemini 3 Pro 模型,其中最讓我興奮的是它的圖片生成能力。不同於一般的 AI 繪圖工具,Gemini 可以:
- 理解參考圖片:上傳一張圖,它能理解角色的風格、特徵
- 生成一致的角色:同一個角色可以有不同表情和動作
- 接受詳細指令:可以指定風格(如卡哇伊、Q版)、情緒、動作
- 輸出高品質圖片:適合製作貼圖的解析度
看到這些能力,我腦中立刻浮現一個想法:如果能結合 AI 的創作能力和自動化的圖片處理流程,是不是就能讓每個人都能輕鬆創作貼圖?
開發:Claude AI 成為我的開發夥伴
有了想法,接下來就是實作。這時候,另一個 AI 巨頭登場了:Claude。
我使用 Claude(特別是 Claude Code)作為我的開發夥伴。它不只是一個程式碼生成工具,更像是一個資深工程師坐在我旁邊,隨時可以討論架構、解決問題。
Claude 幫助我完成的工作:
- 架構設計:討論前後端分離、API 設計、狀態管理策略
- 程式碼實作:React 元件、TypeScript 類型定義、Tailwind 樣式
- 圖片處理演算法:背景移除的 Flood Fill 演算法、尺寸調整邏輯
- 問題除錯:API 錯誤處理、效能優化、瀏覽器相容性
- 文件撰寫:API 文件、使用說明、這篇部落格文章
可以說,StickerAI Studio 是一個「純 AI 打造」的產品:Gemini 負責創作貼圖圖片,Claude 負責開發整個應用程式。
技術挑戰與解決方案
挑戰一:背景移除
LINE 貼圖必須有透明背景,但 AI 生成的圖片通常有純色背景。我開發了一個基於 Flood Fill 演算法的背景移除工具:
- 從圖片四個角落開始填充
- 使用顏色容差值判斷相似像素
- 將背景像素設為透明
- 針對常見的灰色背景最佳化
挑戰二:尺寸規範
LINE 對貼圖尺寸有嚴格規範。我建立了自動調整系統:
- 標準貼圖:370 x 320 像素
- 主圖:240 x 240 像素
- Tab 圖:96 x 74 像素
系統會保持圖片長寬比,自動置中並加入透明填充,確保每張貼圖都符合規範。
挑戰三:批次生成
一套 LINE 貼圖需要 8-40 張不同表情。為了避免 API 速率限制,我實作了序列生成機制,並加入進度顯示讓用戶了解生成狀態。
成果:讓每個人都能成為貼圖創作者
經過數週的開發和測試,StickerAI Studio 終於上線了。現在,任何人只需要:
- 上傳一張參考圖片(可以是照片、插畫、甚至是簡單的塗鴉)
- 選擇藝術風格(卡哇伊、Q版、水彩等 6 種風格)
- 選擇要生成的表情數量和種類(40 種情緒可選)
- 等待幾分鐘,就能獲得一套完整的貼圖包
- 下載 ZIP 檔案,直接上傳到 LINE Creators Market
整個過程從幾天縮短到幾分鐘,從需要專業技能變成人人可用。
未來展望
這只是開始。我計劃持續改進 StickerAI Studio:
- 更多風格選項:增加更多藝術風格供選擇
- 動態貼圖支援:支援 APNG 格式的動態貼圖
- 多語言介面:目前支援中英文,未來加入更多語言
- 社群功能:讓創作者分享和交流
結語
這個專案讓我深刻體會到 AI 時代的可能性。Gemini 讓不會畫圖的人也能創作,Claude 讓開發過程更加高效。當兩個 AI 巨頭聯手,我們能夠打造出真正解決問題的工具。
如果你也有個「不會畫圖」的遺憾,現在是時候試試看了。也許你的下一套貼圖,就會成為 LINE 上的熱門商品。
準備好開始創作了嗎?
立即試用 StickerAI Studio