ChatGPT & Figma App + Figma Make 教學 (含CC字幕)

ChatGPT & Figma App + Figma Make 教學 (含CC字幕)

Alan Design 4990 位订阅者
8144 次观看 · 2025-10-24 交互设计UI 设计
今天這集,我們來看一下10初時 (2025), ChatGPT 推出的可以連上Figma的功能。

我們可以先在ChatGPT上討論並規劃產品的結構跟使用流程,並自動生成FigJam的設計流程圖 (User Flow)。我們可以在把FigJam生成出的圖檔,導入到Figma Make裡面,並透過AI做出設計。

值得一提的是,Figma Make有新的功能,就可以把Make的設計,複製到Design裡去做更改。

---------------------------------------------------------

【參考連結】
發佈新聞: https://www.figma.com/blog/turn-your-chatgpt-brainstorms-into-figjam-diagrams/
Figma 教學細節: https://help.figma.com/hc/en-us/articles/35326636109975-Bring-diagrams-from-ChatGPT-to-FigJam
Figma Make. v1. 教學: https://youtu.be/gkLg6Y7ezJ4
ChatGPT & Figma App 大致設計流程圖: https://drive.google.com/file/d/1ZPJFRn8gfzQl9XyCnFlxWTXFm6ehxSx7/view?usp=drive_link

---------------------------------------------------------

【章節】
00:00 主題前言
00:12 關於新聞發佈
01:28 ChatGPT Figma 連線
02:27 與ChatGPT策劃
04:23 FigJam 使用者流程圖 (User Flow)
05:07 Figma Make 製作
08:11 Figma Make 跟 Design 合作
09:20 圖檔參考的設計優化
11:48 Figma Make 設計完成跟發佈
13:27 大致設計流程圖

---------------------------------------------------------

支持我在Ko-fi (美金單位): https://ko-fi.com/alandesign

#ChatGPTFigma #FigmaMake #ChatGPTFigmaMake