Figma: Make • AI UI/UX設計生成 • Figma 教學 (含CC字幕)
今天這集我們來看一下Figma Make的使用方式。
我們可以透過Figma Make， 利用AI指令的方式，去生成我們的設計產品。
---------------------------------------------------------
【參考連結】
Figma Make: https://www.figma.com/make/
Figma Make FAQs (有關於使用權限): https://help.figma.com/hc/en-us/articles/31722591905559-Figma-Make-FAQs
教學範例 - 發佈版: https://cause-night-89398487.figma.site
教學範例 - 工作檔: https://www.figma.com/make/VyUTQE2aDhZoBu4pqRDbLi/Medical-Appointment-Dashboard?node-id=0-1&t=5CLLr9fR2l0ardur-1
---------------------------------------------------------
【章節】
0:00 主題前言
0:15 關於使用權限
0:36 創建Figma Make檔案
01:12 AI指令寫法
07:48 Point and Edit
10:30 加入設計系統
18:10 加入附件: 圖片
20:36 加入附件: Figma設計
25:33 Supabase後台建立
29:56 Publish發佈設計
31:18 結尾
---------------------------------------------------------
支持我在Ko-fi (美金單位): https://ko-fi.com/alandesign
#FigmaMake #AI介面設計 #AI設計
我們可以透過Figma Make， 利用AI指令的方式，去生成我們的設計產品。
---------------------------------------------------------
【參考連結】
Figma Make: https://www.figma.com/make/
Figma Make FAQs (有關於使用權限): https://help.figma.com/hc/en-us/articles/31722591905559-Figma-Make-FAQs
教學範例 - 發佈版: https://cause-night-89398487.figma.site
教學範例 - 工作檔: https://www.figma.com/make/VyUTQE2aDhZoBu4pqRDbLi/Medical-Appointment-Dashboard?node-id=0-1&t=5CLLr9fR2l0ardur-1
---------------------------------------------------------
【章節】
0:00 主題前言
0:15 關於使用權限
0:36 創建Figma Make檔案
01:12 AI指令寫法
07:48 Point and Edit
10:30 加入設計系統
18:10 加入附件: 圖片
20:36 加入附件: Figma設計
25:33 Supabase後台建立
29:56 Publish發佈設計
31:18 結尾
---------------------------------------------------------
支持我在Ko-fi (美金單位): https://ko-fi.com/alandesign
#FigmaMake #AI介面設計 #AI設計