不用寫程式-設計師也能用 Gemini 3 打造「3D魔法聖誕樹」!附提示詞

想要節省調試時間,思路比提示詞更重要!本文拆解了「設計師視角」的 AI 協作流:從情緒版搭建、指令骨架設計,到如何利用 Figma UI 截圖引導 Gemini 進行精確的前端實現。內含關鍵 Tip:當效果不理想時,如何利用 GUI 面板實時調參數,以及如何部署成網頁與朋友分享。

不用寫程式-設計師也能用 Gemini 3 打造「3D魔法聖誕樹」!附提示詞

最近被 Gemini 生成的 3D 聖誕樹刷屏了?身為一個完全不會寫程式的設計師,我也成功做出了一個可以「手勢互動」且「在線許願」的夢幻聖誕樹!利用 Gemini 3 的邏輯構建能力,將粒子物理與視覺藝術結合。這篇文章不只分享提示詞,也分享我如何透過「積木式開發」思路,讓 AI 從聽不懂需求到精確執行,帶你一步步實現屬於你的魔法聖誕。

一、 核心底層邏輯:從「畫圖」到「構建」

在開始操作前,我想分享一個觀念。很多人在使用 AI 時,會把它當成一個進階版的「美圖秀秀」或「畫圖工具」。但在這一次的創作中,我更傾向於將 Gemini 3 視為我的 Creative Technologist(創意技術專家)

這就是我之前提到的 Nano Banana Pro 的核心精神:AI 已經從單純的「模仿」進化到了「理解與邏輯構建」。它不再是隨機生成像素,而是理解了物理世界中的光影、粒子動力學以及前端的交互架構。當你以「構建一個世界」的思路去引導它時,它回饋給你的驚喜將遠超預期。

最終還蠻有氛圍的成品,我還製作了許願功能

二、我踩過的最大坑:一開始就想讓 AI 一次做完所有事情

老實說,一開始我對 Gemini 的期待非常單純——
我把它當成一個什麼都懂的魔法機器。

於是我做了第一個錯誤示範:
Google AI Studio 裡,然後在同一個輸入框裡,一口氣描述了——

  • 我想要一棵粒子組成的 3D 聖誕樹
  • 要有粉金色、夢幻、魔法感
  • 要可以跟滑鼠或手勢互動
  • 還要能輸入願望,最後像煙火一樣綻放
  • 最好還能直接變成一個可以分享的網頁
過程產出很多大便

結果可想而知。
Gemini 並不是完全做不到,而是產出的東西既不穩定,也不可控
有時候畫面是對的,但互動壞掉;
有時候功能有了,但整體視覺完全走樣;
更多時候,是改一個地方、壞三個地方。

當下我其實很挫折,甚至一度懷疑是不是自己「不夠會下指令」。
但後來我才意識到,問題不在 Gemini,
而在於 我給它的任務方式,本身就不合理。

還有這種莫名其妙的東西

這也是為什麼後來我發現,
與其不斷修改提示詞,不如先停下來,重想一件事:

👉「我到底要 AI 先做什麼,再做什麼?」

當我把這個問題想清楚之後,整個流程才真的開始順起來。


三、實戰二部曲:不寫Code的開發流

第一步:複製這段Prompt吧

還想看更多嗎?完整內容只對註冊用戶開放喔!
點下方的免費 Subscribe,馬上加入我們~