專欄文章

文章分類+

全部
Figma Make 現在能改你的 production code：5/28 發佈的本機程式碼 beta 解析

Figma Make 現在能改你的 production code：5/28 發佈的本機程式碼 beta 解析

直接編輯、標註、Git 流程，三種改法把設計畫布跟真正的程式碼接在一起

#設計工程#git#production code#AI 工具#Figma Make#figma
設計師 Riven
設計師 Riven資深數位產品設計師｜知名線上課程講師
Codex 是什麼？OpenAI 編碼代理完整介紹：五種入口、Figma 整合、設計師可以怎麼用

Codex 是什麼？OpenAI 編碼代理完整介紹：五種入口、Figma 整合、設計師可以怎麼用

從 CLI 到桌面 App、從工程師工具到 ChatGPT 內建，2026 年最新版 Codex 一次看懂

#ChatGPT#figma#AI 編碼#OpenAI#Codex
設計師 Riven
設計師 Riven資深數位產品設計師｜知名線上課程講師
Figma Make Custom Skills 是什麼？為什麼這是設計師接下來最該寫的東西

Figma Make Custom Skills 是什麼？為什麼這是設計師接下來最該寫的東西

把品味變成 markdown，AI 才會做出像你的設計——Figma Make 昨晚悄悄解鎖的設計師護城河

#Design Tools#AI#Skills#Figma Make#figma
設計師 Riven
設計師 Riven資深數位產品設計師｜知名線上課程講師
設計新手該學哪個軟體？Figma、Photoshop、Illustrator、Canva 完整比較

設計新手該學哪個軟體？Figma、Photoshop、Illustrator、Canva 完整比較

別急著選工具——先決定你想做哪一種設計，答案就會自己跑出來

#設計軟體#設計入門#UIUX設計#Canva#Illustrator#photoshop#figma#設計新手
設計師 Riven
設計師 Riven資深數位產品設計師｜知名線上課程講師
Figma State Machines 實戰教學：做一張會互動的數據卡片

Figma State Machines 實戰教學：做一張會互動的數據卡片

用 component variants 與 smart animate 組出三個狀態，再透過 LottieFiles 外掛匯出成 dotLottie。以 Heart Rate 類型為例的完整拆解

#figma
設計師 Riven
設計師 Riven資深數位產品設計師｜知名線上課程講師
Figma State Machines 完整介紹：原型流程一鍵變成可互動的 dotLottie 檔

Figma State Machines 完整介紹：原型流程一鍵變成可互動的 dotLottie 檔

LottieFiles 把設計師最大的交付痛點解決了——你在 Figma 接好的互動，現在能直接在 web、iOS、Android 上跑

#figma#Littie
設計師 Riven
設計師 Riven資深數位產品設計師｜知名線上課程講師
Figma Make 新功能介紹：Make kits 與 Make attachments 完整解析

Figma Make 新功能介紹：Make kits 與 Make attachments 完整解析

把設計系統與真實檔案直接餵給 AI，原型從第一版就貼近你的產品

#figma
設計師 Riven
設計師 Riven資深數位產品設計師｜知名線上課程講師
Figma Weave 是什麼？把生成 AI 拉進節點畫布的下一代設計工具

Figma Weave 是什麼？把生成 AI 拉進節點畫布的下一代設計工具

從一個 prompt 到一整套品牌素材，Figma 用節點工作流改寫了 AI 設計的玩法

#figma
設計師 Riven
設計師 Riven資深數位產品設計師｜知名線上課程講師
Figma 開放 AI Agent 直接操作畫布：use_figma 工具與 Skills 技能系統完整介紹

Figma 開放 AI Agent 直接操作畫布：use_figma 工具與 Skills 技能系統完整介紹

從今天起，Claude Code、Codex 等 AI Agent 可以在你的 Figma 檔案裡建立元件、套用 Design System——設計師的角色正在改變

#figma
設計師 Riven
設計師 Riven資深數位產品設計師｜知名線上課程講師