USER GUIDE · v1 · 2026

把矩形
成紙杯的形狀

五分鐘上手「矩形轉扇形圖系統」——
選好杯型、做一張圖、點一下按鈕,就能拿到印刷廠要的扇形展開檔。

一般使用者 · 主功能教學 四個步驟 · 約 5 分鐘
🥤 🧋
WHY

紙杯不是方的,
但你的設計工具是。

Canva、Figma、AI 生圖都在矩形畫布上工作。可是印刷廠要的是扇形展開圖——
以前要手動在 Illustrator 裡彎、對、調,現在我們把這段自動化了。

你做的
SPRING
BLOSSOM
2294 × 1029 px RECTANGLE
矩形圖(設計稿)
系統吐出
SPRING BLOSSOM
扇形圖(印刷檔)
THE FLOW

四個步驟,就這些。

1
🥤

選杯型

從 10 款杯型中點一個,
系統自動算好建議尺寸。

2
🎨

做矩形圖

AI 幫你生 or
自行上傳 Canva 檔。

3
🌀

轉扇形

一鍵極座標轉換,
不用 AI、不花錢、幾秒完成。

4
⬇️

下載

矩形圖 + 扇形圖,
兩個 PNG 分別下載。

總耗時 ≈ 5 分鐘 · 選杯型 10 秒 做圖 3 分鐘 轉換 5 秒 下載 10 秒
1選擇杯型

先告訴系統,
你要做哪一杯?

內建 10 款杯型—— 8/12/16/20/22/24oz 冷熱杯,
與 8/12/16/20oz 雙層杯。

系統會自動幫你算
✓ 矩形圖建議尺寸(px)
✓ 杯口/杯底直徑

小提醒:杯型一旦選定,之後的尺寸驗證都依它為準,中途改會要重做矩形圖。

cup-designer.local/
1
選擇你的杯型
🥤
8oz 冷熱杯
🥤
12oz 冷熱杯
🥤
16oz 冷熱杯
🥤
20oz 冷熱杯
🥤
22oz 冷熱杯
🥤
24oz 冷熱杯
8oz 雙層杯
12oz 雙層杯
16oz 雙層杯
20oz 雙層杯
📐 8oz_冷熱杯
矩形圖尺寸 2294 × 1029 px
2製作矩形圖

兩條路,自己挑。

不管走哪條,最後產出的都是同一張矩形圖,不影響後面的轉換。

ROUTE · 1A
🤖

AI 幫我生成

填三個欄位,AI 產出你的設計。

01  主題 — 例如「春天櫻花」
02  風格 — 例如「日式簡約」
03  主要文字 — 品牌、標語
👉 適合:沒有設計工具/想快速試想法
ROUTE · 1B
📤

自行上傳

在 Canva / PS 做完,拖進來就好。

01  支援 PNG / JPG
02  後端自動檢查尺寸 + 比例
03  通過才能進下一步
👉 適合:已有設計稿/用自己熟悉的工具
ROUTE · 1A

AI 幫你畫這張圖

  1. 1
    填三個欄位
    主題、風格、主要文字,越具體越好。
  2. 2
    系統組 Prompt
    後端把印刷規範(白底/Logo 位置/文字置中)+ 你的輸入,組好送給 AI。
  3. 3
    等 10–20 秒
    矩形圖直接生成在畫面上,不滿意可重生。
ℹ️ Prompt 規範由管理員統一維護,確保印刷品質一致,你不用也不能改。
cup-designer.local/ · Step 2
🤖 AI 幫我生成
📤 自行上傳
📐 矩形圖尺寸已自動設定為 2294 × 1029 px
設計主題 (例如:聖誕節、春季花園)
春天櫻花
風格
日式簡約
主要文字
Sakura Café
春限定
🎨 AI 正在幫你畫…(別急,好東西值得等)
✨ 開始生成矩形圖
cup-designer.local/ · Step 2
🤖 AI 幫我生成
📤 自行上傳
📐 建議尺寸:2294 × 1029 px
🖼️
sakura-cafe-spring.png
2294 × 1029 px · 412 KB · PNG
✓ 尺寸正確 · 比例 2.229 符合
🎉 圖片驗證通過!繼續下一步吧
ROUTE · 1B

已經有設計?
直接拖進來。

按照建議尺寸在 Canva / PS / Figma 做好你的設計,
輸出 PNG 或 JPG。
拖進虛線框或點擊選擇檔案。
系統自動檢查尺寸與比例,通過才能進下一步。
常見錯誤
尺寸差幾像素也會被擋——這是為了印出來不變形。
系統會告訴你差多少,回去調整後重新上傳即可。
3轉換扇形圖

一鍵彎曲,
數學會幫你搞定。

SAKURA
2294×1029 px
POLAR WARP
SAKURA

後端做了什麼

讀取參數:你選的杯型數據
極座標映射:每個像素重新分配到扇形座標
輸出 PNG:扇形圖透明背景、直接能印
💡 重要

這一步不用 AI、不花 API 費用。
純數學,想轉幾次就轉幾次。

4下載你的檔案

兩個檔案一起拿。

矩形圖是「設計原稿」,之後要修從它改;扇形圖是「印刷檔」,直接交給印刷廠。

SAKURA
PNG · 矩形
矩形圖
8oz_冷熱杯_矩形圖_20260422_143052.png
⬇ 下載
SAKURA
PNG · 扇形
扇形圖
8oz_冷熱杯_扇形圖_20260422_143052.png
⬇ 下載
命名
杯型_類型_日期_時分秒
檔名自動產生,不會搞混
保留
登入用戶:保留最後一次
匿名用戶:立刻下載,不保留
重新下載
保留期間可回頭下載
同次操作兩檔時間戳一致
FAQ

你可能想問…

Q.
匿名也可以用嗎?
可以,但檔案不保留,必須當下下載。需要歷史紀錄請登入帳號。
Q.
同一張矩形圖能轉不同杯型嗎?
技術上可,但強烈建議不要:每個杯型最佳尺寸不同,換杯型請重做矩形。
Q.
轉出來的顏色會跑掉嗎?
不會。Stage 2 只做幾何轉換,不改像素顏色;照你原圖的色彩輸出。
Q.
AI 生成要花錢嗎?
Stage 1A 走 AI API,有公司共用額度與個人 Key 機制;Stage 2 完全免費。
Q.
上傳的圖尺寸差一點點也不行嗎?
有容差範圍但不寬。印出來會變形的風險太高,請盡量照建議尺寸。
Q.
能不能只下載扇形圖?
可以分開下,但建議兩個都留:矩形圖之後修圖用,扇形圖印刷用。
GO DESIGN

做設計,
數學去苦惱。

四步驟,五分鐘。選杯型、做矩形、轉扇形、下載。
有卡住的地方,直接在群組敲一聲——我們會把 UX 變得更順手。

cup-designer.local #support 頻道
🥤