Nano Banana + Gemini 3 = S-TIER UI DESIGNER

摘要

示範如何利用 Nano Banana 與 Gemini 3 結合，透過四步驟工作流快速生成創意十足的 UI 設計。觀眾能學習如何將設計規劃、影像生成與程式實作串聯，大幅提升介面設計的創意與效率。

This video demonstrates a four-step workflow using Nano Banana and Gemini 3 to generate creative UI designs and implement them efficiently.

摘要、重點與章節標題由語言模型整理，細節（誰說的、數字、先後）可能有誤；要引用請以原始內容為準。

重點

• 利用 Nano Banana 快速生成創意十足的 UI 設計草圖。
• 從草圖中提取高解析度影像資產供程式實作使用。
• 透過 Superdesign Agent 整合規劃與實作，最佳化最終產品。

章節

依話題轉折切分，標題由 AI 產生

1. 00:00四步驟利用 Nano Banana 激發 Gemini 創意
2. 02:54用 Nano Banana 快速生成高創意 UI 原型
3. 04:57將 Nano Banana 生成圖資轉為程式實作素材

提到的工具與公司

• Gemini 3
• Canva
• Replicate
• Google AI Studio
• Playwright
• Cursor

適合誰看

適合需要快速產出高創意介面設計或熟悉 AI 工具的工作者。

摘要依據

依據

自動字幕

為什麼排在這裡

人氣

0.58

新鮮

0.32

在主題頁與搜尋結果裡，名次由相關、人氣、新鮮三個分數決定；這一頁沒有搜尋的關鍵字，所以沒有相關分數。排序怎麼算

相關內容

• Gemini 玩法合集＆Nano Banana Pro 深度實測【附提示詞整理】影片 ・ 柚智夫妻 X 雷蒙三十 ・ 21 分鐘（在新分頁開啟原站）
• Claude Plans, Gemini Designs: One Workflow for Beautiful Frontends (LIVE)影片 ・ Cole Medin ・ 2 小時 21 分（在新分頁開啟原站）
• Claude Plans, Gemini Designs: The Workflow to Build BEAUTIFUL Frontends影片 ・ Cole Medin ・ 18 分鐘
• Ep 75: Nano Banana’s Oliver Wang and Nicole Brichtova - Behind the Breakthrough as Gemini Tops the ChartsPodcast ・ Unsupervised Learning ・ 41 分鐘
• Is Gemini 3 Really the Best Model? & Fun with Nano Banana Pro - EP99.25-GEMINIPodcast ・ This Day in AI ・ 1 小時 45 分
• Nano Banana 2 is Here! Gemini-3 Shutdown & The AI Layoff Myth | EP99.36Podcast ・ This Day in AI ・ 1 小時 2 分