Showing posts with label GoogleAIStudio. Show all posts

2026/04/26

Google AI Studio 新功能：Design Preview 初體驗

過去在使用 Google AI Studio 生成介面時，大家應該都有相同的感覺——色調幾乎固定，變化不大。雖然功能性沒問題，但在設計呈現上總覺得少了一點自由度。

就在今天，我在實作一個 App 的過程中，意外發現 Google AI Studio 推出了「Design Preview」功能。這個新選項讓使用者在生成介面之前，可以先挑選一個樣式。雖然目前只有五種預設風格，但至少能讓介面不再千篇一律，算是邁出了一小步。

對於開發者來說，這樣的功能有兩個好處：

快速測試不同風格：不用再手動去調整 CSS 或配色，直接在生成階段就能看到差異。
降低設計門檻：即使沒有設計背景，也能透過預設樣式讓介面看起來更有特色。

不過，五種樣式畢竟有限。如果你希望更進一步探索色彩與風格的可能性，我推薦大家試試我自己開發的「Stonez56 色彩探索家 Web App」。這個工具提供 25 種色彩方案，可以自由調整、套用，讓你的介面設計更靈活、更有創意。

App 網址: https://56theme.vercel.app/
影片說明網址: https://youtu.be/bTK76SJbJk8

Google AI Studio 的 Design Preview 功能，算是官方在設計自由度上的一個起點；而透過外部工具的補充，開發者就能把這個起點延伸成更廣闊的設計空間。

2026/04/07

你的 Google AI Studio App 無法同步到 GitHub 嗎?

你也有遇到了 Google AI Studio 無法同步到 GitHub 的問題嗎?
使用 AI Studio 做 AI Coding 時, 若無法同步到 GitHub 真的是很麻煩!!

經過幾個月的測, 我終於找到解法了~~

🛠️ 解決流程 Step by Step
⭐ 撤銷 GitHub 存取權限
1. 進入 GitHub → 點選右上角頭像 → Settings
2. 左側選單找到 Applications → Authorized OAuth Apps
3. 找到相關的 AI Studio 或 Google 相關應用 → Revoke Access

⭐解除安裝 GitHub 上的應用程式
1. 在 Settings → Installed GitHub Apps
2. 找到該應用程式 → 點選 Uninstall
3. 登出所有 Google 帳號
4. 在瀏覽器右上角 → 登出所有 Google 帳號 (我用穩私模式)
5. 確保沒有殘留的登入狀態（Gmail、Google Drive、AI Studio）

⭐ 清除 AI Studio 快取 (用穩私模式更方便! 😊)
1. 進入 Google AI Studio
2. 在瀏覽器清除快取與 Cookie（建議針對 aistudio 網域）
3. 重新整理頁面
4. 重新登入並同步
5. 打開 AI Studio 帳號重新登入
6. 打開一個 App, 按下 GitHub 去同步到 GitHub
7. 成功~~