UX/UI 設計師必備!2025 全面更新 AI 工具箱,提升設計效率與工作流程

更新 發佈閱讀 4 分鐘

前言

這2年的AI工具大爆發,在設計上開始離不開AI,相信大家也慢慢找到自己的AI設計工作流。 2024年寫了一次AI工具箱,現在快2025年底再來更新一個超詳細的版本:先說背景,我本職是UX/UI設計師,一直有用AI加速工作。尤其在複雜項目、或是在跟客戶合作時有自己不熟悉的Domain knowledge會很有幫助。目前都在管理諮詢/科技/設計顧問業工作比較久,有時候會遇到的是法律、醫藥、銀行、保險、數據中心類的公司,所以很常需要學新的知識才能好好把網站內容重新組織。在工作坊、訪談跟設計時,AI都能幫忙快速上手新知識、整理notes和找出重複Pattern,所以AI已是不可或缺的工具。

❇️ Research 階段

✤ ChatGPT/Gemini/Grok: 生成Persona初稿,方便在Workshop上討論

✤ FigJam AI: Summarize訪談筆記,效率從半天縮到幾分鐘

❇️ UX 階段

Relume或Gitmind: 建立Information Architecture初稿

V0 / Figma Make / Canva AI: 我偏愛用V0中快速生成初稿,確認資料結構後再回到Figma重畫或使用Plugin匯入再細修。 

❇️ UI 階段

目前大部份像Lovable、Stitch、v0的UI生成還是不太行,AI感太重,只適合留在UX階段中做小型MVP確認流程+資料細節,實際的設計還是需要用人把關,畢竟案子很貴,客戶都不想有種AI就能搞定的質感,所以能用的AI有限。

✤ 會推薦使用Lovart/Midjourney各大AI生成工具先找色彩設計靈感

✤ 或是回到傳統方法在Mobbin、Behance、Pinterests之類的找靈感做好UI Direction (Typography, Color, 圖片風格, Components Demo等等)

✤ 在做首階段的UI時,也可以先用Figma AI / Chatgpt / Recraft.ai 生成圖先當作Placeholder,之後才換成Stock Photo。不建議全用AI圖,用的話也要非常小心。

Google Stitch的神奇用法:因為我很懶,所以最近都利用Stitch可以Copy to Figma的特性,一次性幫我找多個icon。畢竟每次在UI的後期,找Icon是很花時間的一件事。

❇️ 其他/Pitch/Presentation 階段

Figma MCP很好用,但很多時候都覺得麻煩沒有開。目前用比較多是在更新簡報的時候,或是在有模版的情況下快速+大量更新User Journey Mapping初稿的時候。但最方便還是配合各大AI Chat邊寫邊寫就好。

總結

AI是很好的夥伴,無論是UXUI的新手或是在職的設計師也很推介自己多嘗試看看,建立自己的工作流。目前想到是這樣,如果有問題歡迎留言或是找我討論~

(知道大家比較愛看被動收入系列但偶爾還是想多寫一下正職的設計專業哈哈。如果對設計、AI、設計式被動收入有興趣歡迎到Threads看更多
留言
avatar-img
Design with Cupi
1會員
1內容數
設計師 | 香港 🇭🇰 8+ 年UXUI設計經驗,最近3年沈迷使用AI工具。專精於UXUI用戶體驗設計、AI 輔助設計及自動化,上班主要做商業網站&手機APP開發,也有利用下班後的時間創造實用的設計工具跟販售設計模板、圖庫等,專注創造設計師專用的被動收入。
你可能也想看
Thumbnail
創作邦創作邦精選工具資源-第 35 期,我們每週分享創作邦精選的工具資源合集,從設計資源、AI 工具、生產力工具、影像後製等等內容都涵蓋,如果你想找好用資源或工具,追蹤我們的內容準沒錯。
Thumbnail
創作邦創作邦精選工具資源-第 35 期,我們每週分享創作邦精選的工具資源合集,從設計資源、AI 工具、生產力工具、影像後製等等內容都涵蓋,如果你想找好用資源或工具,追蹤我們的內容準沒錯。
Thumbnail
人工智慧正在改變創意產業,這篇文章探討了2024年最佳的AI工具,從圖形設計和影片編輯到寫作、行銷、音樂創作、網頁設計、遊戲開發和虛擬實境等多個領域。
Thumbnail
人工智慧正在改變創意產業,這篇文章探討了2024年最佳的AI工具,從圖形設計和影片編輯到寫作、行銷、音樂創作、網頁設計、遊戲開發和虛擬實境等多個領域。
Thumbnail
2024年了,回顧一下我這整年寫過的文章,也回顧一下我用過的那些AI繪圖工具,2023真的是AI爆發的一年,如今AI工具已然滿大街都是,但這個專題我儘量還是本著初心,只介紹自己覺得有用的工具。 本文精選7個即使歷經一年的AI狂潮洗禮後我仍然覺得值得實用的AI繪圖工具。
Thumbnail
2024年了,回顧一下我這整年寫過的文章,也回顧一下我用過的那些AI繪圖工具,2023真的是AI爆發的一年,如今AI工具已然滿大街都是,但這個專題我儘量還是本著初心,只介紹自己覺得有用的工具。 本文精選7個即使歷經一年的AI狂潮洗禮後我仍然覺得值得實用的AI繪圖工具。
Thumbnail
本文探討2024年UI/UX設計趨勢,包括深色模式和色彩適應性、微互動和動畫、3D元素與虛擬現實整合,以及以用戶為中心的數據驅動設計、無障礙設計和情感設計的新方法。
Thumbnail
本文探討2024年UI/UX設計趨勢,包括深色模式和色彩適應性、微互動和動畫、3D元素與虛擬現實整合,以及以用戶為中心的數據驅動設計、無障礙設計和情感設計的新方法。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這篇整理了我這個月讀到關於「設計創作」和「AI」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的。
Thumbnail
這篇整理了我這個月讀到關於「設計創作」和「AI」相關的內容,並且幫大家附上了來源,如果你想了解我這個月發現了什麼不錯的內容都可以在這裡找到,而且我還會加上我的一點個人回饋。 另外每月資訊量不同,造成每一類的內容不一,有的內容會比較多,如果你只想看精選,我會在每一類中都挑出 3 篇我最推的。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
最新的AI趨勢讓人眼花撩亂,不知要如何開始學習?本文介紹了作者對AI的使用和體驗,以及各類AI工具以及推薦的選擇。最後強調了AI是一個很好用的工具,可以幫助人們節省時間並提高效率。鼓勵人們保持好奇心,不停止學習,並提出了對健康生活和開心生活的祝福。
Thumbnail
最新的AI趨勢讓人眼花撩亂,不知要如何開始學習?本文介紹了作者對AI的使用和體驗,以及各類AI工具以及推薦的選擇。最後強調了AI是一個很好用的工具,可以幫助人們節省時間並提高效率。鼓勵人們保持好奇心,不停止學習,並提出了對健康生活和開心生活的祝福。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
這篇文章分享了許多好用的設計工具,包括Adobe、Canva和Mirosoft Designer,提供了它們的特色和適用對象。文章還附上了可以直接使用這些工具的連結。
Thumbnail
這篇文章分享了許多好用的設計工具,包括Adobe、Canva和Mirosoft Designer,提供了它們的特色和適用對象。文章還附上了可以直接使用這些工具的連結。
Thumbnail
本文探討了AI是否能取代平面設計,強調了學習AI運用需要用心學習,並提供了相關的技術與運用範例。文章透過實際例子與觀點,澄清了AI在設計領域的應用與限制,並強調了學習基礎設計知識的重要性。讀者藉由本文能更具深度地瞭解AI與設計領域之間的關係,以及AI對設計師職業的影響。
Thumbnail
本文探討了AI是否能取代平面設計,強調了學習AI運用需要用心學習,並提供了相關的技術與運用範例。文章透過實際例子與觀點,澄清了AI在設計領域的應用與限制,並強調了學習基礎設計知識的重要性。讀者藉由本文能更具深度地瞭解AI與設計領域之間的關係,以及AI對設計師職業的影響。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News