專欄文章

文章分類+

全部
自媒體設計
Figma 開放 AI Agent 直接操作畫布:use_figma 工具與 Skills 技能系統完整介紹

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

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

#figma
設計師 Riven

設計師 Riven

資深數位產品設計師|知名線上課程講師

Figma Make 完整教學:從 Prompt 到可互動原型的實戰指南

Figma Make 完整教學:從 Prompt 到可互動原型的實戰指南

AI 驅動的 prompt-to-app 工具,讓設計師用文字描述就能生成高保真互動原型

設計師 Riven

設計師 Riven

資深數位產品設計師|知名線上課程講師

Figma AI 教學:所有 AI 功能完整介紹,從圖片編輯到 MCP 雙向工作流

Figma AI 教學:所有 AI 功能完整介紹,從圖片編輯到 MCP 雙向工作流

功能太多記不住?這篇幫你一次整理 Figma 目前所有 AI 功能,告訴你哪些真的好用。

設計師 Riven

設計師 Riven

資深數位產品設計師|知名線上課程講師

Uber uSpec 教學:用 AI Agent 自動產出 Figma 元件規格,幾分鐘搞定整套文件

Uber uSpec 教學:用 AI Agent 自動產出 Figma 元件規格,幾分鐘搞定整套文件

Uber 設計系統團隊開源了 uSpec——透過 Figma Console MCP 讓 AI Agent 直接讀寫 Figma,自動產出 Anatomy、API、色彩標注、無障礙規格等六大文件頁面。

設計師 Riven

設計師 Riven

資深數位產品設計師|知名線上課程講師

Figma Slots 教學:設計系統終於可以靈活又不失控了

Figma Slots 教學:設計系統終於可以靈活又不失控了

不用 detach、不爆 Variant,用 Slots 重新定義元件彈性

設計師 Riven

設計師 Riven

資深數位產品設計師|知名線上課程講師

設計流程已死?前 Figma 設計總監 Jenny Wen 告訴你 AI 時代設計師的生存之道

設計流程已死?前 Figma 設計總監 Jenny Wen 告訴你 AI 時代設計師的生存之道

她從 Figma 設計總監到 Anthropic IC,只為了說清楚一件事

設計師 Riven

設計師 Riven

資深數位產品設計師|知名線上課程講師

Figma MCP 進階教學:七大工具解析、Code Connect 與雙向工作流完整攻略

Figma MCP 進階教學:七大工具解析、Code Connect 與雙向工作流完整攻略

從 Design → Code → Design 的完整循環,讓你的 Figma 檔案變成 AI 可執行的設計規格書

設計師 Riven

設計師 Riven

資深數位產品設計師|知名線上課程講師

Figma Auto Layout 完整教學:從基礎到 Grid 新功能,一篇搞懂自動佈局

Figma Auto Layout 完整教學:從基礎到 Grid 新功能,一篇搞懂自動佈局

方向、間距、Resizing、巢狀實戰、Absolute Position 到 2025 Grid Auto Layout,Figma 最重要的功能完整解析

設計師 Riven

設計師 Riven

資深數位產品設計師|知名線上課程講師

Claude Code to Figma 教學:把 AI 生成的介面直接變成可編輯設計稿

Claude Code to Figma 教學:把 AI 生成的介面直接變成可編輯設計稿

Figma × Anthropic 官方整合,實現「程式碼 ↔ 設計」雙向工作流

設計師 Riven

設計師 Riven

資深數位產品設計師|知名線上課程講師