Stitch - AI UI介面生成 • UI/UX 教學 (含CC字幕)
2026 更新版教學: https://youtu.be/-He6CXqMdUI
這一集我們來看如何使用 Stitch AI 來製作 UI 介面。
透過撰寫簡單的指令,我們就能快速生成 UI 介面設計,這些設計也能直接複製並貼到 Figma 中使用,讓設計流程更加高效便利。
另外也可看看 Figma Make: https://youtu.be/gkLg6Y7ezJ4
---------------------------------------------------------
【參考連結】
Stitch: https://stitch.withgoogle.com/
Stitch 指令撰寫方式: https://discuss.ai.google.dev/t/stitch-prompt-guide/83844
---------------------------------------------------------
【章節】
00:00 主題前言
00:15 Stitch簡介
01:00 Mode模式選擇
02:34 指令撰寫: 大方向 & 專精主題
03:24 指令撰寫: 持續更新
03:42 創作
06:40 複製到Figma
08:12 指令撰寫: 明確&只用專有名詞
10:52 指令撰寫總結
12:32 Experimental Mode
14:08 總結
---------------------------------------------------------
支持我在Ko-fi (美金單位): https://ko-fi.com/alandesign
#Stitch #AIDesign #UIUXAi #UIAI
這一集我們來看如何使用 Stitch AI 來製作 UI 介面。
透過撰寫簡單的指令,我們就能快速生成 UI 介面設計,這些設計也能直接複製並貼到 Figma 中使用,讓設計流程更加高效便利。
另外也可看看 Figma Make: https://youtu.be/gkLg6Y7ezJ4
---------------------------------------------------------
【參考連結】
Stitch: https://stitch.withgoogle.com/
Stitch 指令撰寫方式: https://discuss.ai.google.dev/t/stitch-prompt-guide/83844
---------------------------------------------------------
【章節】
00:00 主題前言
00:15 Stitch簡介
01:00 Mode模式選擇
02:34 指令撰寫: 大方向 & 專精主題
03:24 指令撰寫: 持續更新
03:42 創作
06:40 複製到Figma
08:12 指令撰寫: 明確&只用專有名詞
10:52 指令撰寫總結
12:32 Experimental Mode
14:08 總結
---------------------------------------------------------
支持我在Ko-fi (美金單位): https://ko-fi.com/alandesign
#Stitch #AIDesign #UIUXAi #UIAI