小學生也看得懂 · 超簡單版 · 2026
Vibe Design 完整教學——就像跟 AI 朋友說：「我想要一個這種感覺的東西」，然後它幫你做出來！
第 1 章
「Vibe」是英文，意思是「感覺」或「氛圍」。Vibe Design 就是：用感覺來設計東西，讓 AI 幫你把感覺變成真的畫面！
先來認識兩個詞
以前做設計很難，現在不一樣了
以前的做法
✦ Vibe Design 現在
一個簡單的例子
第 2 章
Google Stitch 就是一個讓你用說話方式做高質感網站設計的免費工具，是 Vibe Design 最好用的平台！
簡單說，它是什麼？
Stitch 有哪些超強功能？
Vibe Design
說出你想要的感覺，AI 立刻做出多種設計給你選
無限畫布
像一張超大的白紙，可以放圖片、文字、靈感截圖，全部放在一起
語音控制
直接對著電腦說話，AI 聽懂你說什麼就自動改設計！
互動預覽
按一個按鈕就可以模擬真的在瀏覽高質感網站，看看順不順暢
DESIGN.md 是什麼？
怎麼開始用？
前往 stitch.withgoogle.com，用 Google 帳號登入就可以免費開始！每個月有 350 次免費的設計生成額度，對初學者來說超夠用。第 3 章
從「我有一個想法」到「可以展示的高質感網站原型」，只需要 5 步！
完整流程
說出你的想法
打開 Stitch，在畫布上打字（或說話），告訴 AI 你想做什麼。不需要精準，說個大概方向就好！
加入靈感參考
把你喜歡的高質感網站截圖拖進去，或貼上你喜歡的網站連結。AI 會看這些圖，更懂你想要什麼風格。
選你最喜歡的版本
AI 會做出好幾個不同設計，你選一個最接近你想法的，然後說：「這個方向對，但改一下……」
串接成可點的原型
把幾個畫面連起來，按下 Play，就像真的在瀏覽你自己做的高質感網站！可以展示給別人看。
匯出你的成果
可以把設計匯出到 Figma 繼續細修，或直接拿到 HTML 程式碼給工程師用。
舉個完整例子
記住這個原則
第一次 AI 做出來的東西不會是完美的，這很正常！重要的是「繼續說、繼續改」，就像跟美術同學說「這邊改一下那邊改一下」，慢慢就會越來越好。第 4 章
學會這幾個功能，你的設計速度會快上好幾倍！
功能一：語音控制（Voice Canvas）
功能二：從網站偷學風格
功能三：平行探索（Agent Manager）
功能四：自動做下一頁
小提示
這些進階功能不需要一開始就全部會，先學會基本的做設計流程，再慢慢試這些酷功能就好！第 5 章
跟 AI 說話是有技巧的！學會這個公式，你說的話 AI 一定能精準理解。
魔法公式：說清楚這 4 件事
這個高質感網站是做什麼用的？
例：「讓同學可以一起記錄班上的好玩回憶」
用戶用完要有什麼感覺？
例：「感覺溫暖、懷念、開心，像翻舊照片的感覺」
有沒有喜歡的參考？
例：「像 Instagram 的照片感，但比較可愛，顏色像奶茶那種暖色調」
有什麼不可以的規定？
例：「不要用黑色背景」「主色一定要是班級代表色橘色」
看看差在哪裡
太模糊了！AI 不知道要做什麼，只能亂猜
說清楚目的、感覺、參考、規定，AI 馬上就懂！
超好用的感覺形容詞
不知道怎麼說「感覺」嗎？從這裡挑你要的！
改設計的時候怎麼說？
第 6 章
學了這麼多，最後來看看常見錯誤和最推薦的學習方法！
常見錯誤 — 不要這樣做！
說太少、太模糊
「設計一個高質感網站」這樣 AI 什麼都不知道。要說清楚是什麼風格的網站、什麼感覺！
第一版不好就放棄
就像你叫朋友幫你畫畫，第一張草稿不滿意，你要告訴他哪裡改，不是叫他停下來！
一次要求太多東西
一次說 20 個要求，AI 會搞混。一次專心做一個頁面，做好再繼續下一個！
建議的學習順序
先試做一個簡單的東西
比如：做你最喜歡的品牌或服務的高質感網站首頁設計，感受一下流程
練習「迭代」——一直改到滿意
做出來之後不要停，一直說「再改這裡」，看看最多幾次可以做到你滿意的結果
試試語音功能
不打字，直接說話給 Stitch 聽，體驗「說話就能設計」的感覺！
做一個完整的小原型
設計 3 個畫面，串起來按 Play，展示給同學或家人看！
Stitch 目前還不會的事
Stitch 現在還不支援多個人同時一起編輯，也沒辦法管理很複雜的設計系統。如果要做超精細的設計，還是需要用 Figma 補充。但對初學者和快速試驗想法來說，Stitch 已經超夠用！你可以做到的！
不管你是小學生、不懂設計的人、或是第一次接觸 AI 工具，只要你能描述你「想要什麼感覺」，你就能用 Vibe Design 做出令人驚豔的設計。現在就去 stitch.withgoogle.com 試試看吧！最後，我想跟你說一件事
我們常後悔：「如果我早點開始為了未來不上班而努力就好…」
關於這份教學的作者
登島者學院負責人
Eric Tang
知島國際有限公司負責人。曾是超級社畜，下班偷偷經營副業，踩過各種大大小小的斜槓陷阱，最終裸辭一人創業成功。現在專門分享從「社畜迴圈」逃出來的真實路徑。
無限思維的四種能力
這四種能力，是 AI 永遠取代不了你的核心競爭力：
共情力
懂客戶心裡真正在想什麼，比他自己更了解他的需求
判斷力
AI 生出 100 個方向，你能一眼看出哪個才是對的
思考力
把一個技能延伸成高價服務、課程、顧問的整套模式
想像力
看到別人還沒發現的機會，在 AI 時代搶先一步行動
裸辭完全攻略 — 四個島嶼
起點
社畜迴圈
你現在的位置——每天上班下班，感覺人生被困住了
階段 1
心法篇
建立「我可以靠自己賺錢」的思維，破除打工人的慣性限制
階段 2
技能篇
學習市場真正需要的技能，像 Vibe Design 這樣可以快速變現的能力
階段 3
實戰篇
接到第一個案子、服務第一個客戶、拿到第一筆線上收入
階段 4 → 終點
營運篇 → 裸辭的一人事業
建立穩定的現金流系統，高價網站案、代操課程、行銷顧問、訂閱收入——讓你真的可以裸辭
裸辭後的一人公司，能做什麼？
高價網站案
用 Vibe Design 快速出稿，一個案子從接洽到交付縮短到 3 天，收費 3 萬起跳
代操線上課程
幫老師或 KOL 設計課程網站、銷售頁，收固定月費，穩定進帳
優質人脈合作
進入對的圈子，一個好的合作案可能直接改變你的收入上限
行銷顧問 & 訂閱收入
把你的 AI 設計能力包裝成顧問服務或訂閱制模板，被動收入慢慢滾大
登島者學院 × 裸辭完全攻略
專為逃離「社畜」人生
設計的裸辭行動事業模式
點擊後將開啟登島者學院課程頁面
給你的最後一句話
Vibe Design 讓你省下了設計師要學 5 年的時間。這省下來的時間，你要用來刷短影音，還是用來種一棵屬於自己的樹？這份電子書由
登島者學院負責人 Eric Tang
知島國際有限公司