將 ChatGPT 實際運用於產品設計──《UI 設計篇》
--
繼上一篇分享了 ChatGPT 在設計研究跟提案上的應用後，這篇來分享在 UI 設計上我實際使用的一些應用方式。
沒有看過上一篇可以先看這邊：
潤飾 UI 文案
在 Startup 公司做 UI 設計時，Content 內容時常會需要由自己寫 UI 文案 ，常常有不太確定自己的用語好不好，或是寫字通順與否的問題，因此我就做了這個 Popclip 外掛。
透過 Popclip & ChatGPT API ，可以快速潤飾我的 UI 文案。
外掛的安裝與使用方式可以參考我推特上的說明：
增加原有色盤顏色
雖然看到滿多人在 ChatGPT 上的應用，是把產品意象給他，直接請他給予 Color Palette 色盤。
不過我覺得初始色盤應該會用更謹慎的方式去定義，所以個人感覺 ChatGPT 是在追加色盤上的顏色比較好用。
把現有的色盤顏色提供給 ChatGPT 後，可以要求它增加某個語義色，或指定要增加紅色或綠色等。如果調出來的顏色不合適，也可以提出不適合的點，請 ChatGPT 提供其他顏色。
透過 Figma 外掛整合 ChatGPT
因為這篇拖了一個月才寫出來，所以其實這段期間就已經有很多人開發 ChatGPT 的外掛。我試用過後覺得 Cube GPT 還不錯用。
Cube GPT 完全免費，主要提供兩種功能：
- 選取文字進行修正，如：快速翻譯/編輯/轉換語氣
- Placeholder Generator 功能：選擇文字後，可以自行寫 Prompt 或用內建 Prompt ，就可以生成各種填充資訊，如：個資（名字、電話、Email）、介紹文案等等。
以前都要自行維護一份資料 json 檔案來填充表格資訊，現在用 Prompt 的方式就可以做出各種 Placeholder 文字，真是感嘆科技大進步。
目前很雞肋但有未來淺力的應用：蒐集參考 UI 元件
這邊想要分享一個我踹過後，目前很雞肋，但未來精彩可期的應用：
給我 5 個 Dribble shots 上的優秀的 Timeline UI 元件
看 Prompt 就知道，這是請 ChatGPT 幫我快速找出好看的特定元件供我參考。 然而目前踹過幾次後， ChatGPT3.5 提供給我的連結都是「唬爛」不正確的範例，連結的點下去和他講的完全不一樣。
我推測是因為目前 ChatGPT 資料庫沒辦法即時更新 & 沒有聯網能力導致，但最近 ChatGPT 已經開始逐漸開放元件，或甚至是有很多 embedding 的方式強化他的資料庫範圍，未來這個 Prompt 應該非常有機會在 UI 設計上幫上很大的忙。
小結
對我來說，相較於 UX 規劃，ChatGPT 在 UI 上的 Use cases 比較少。
但不代表 AI 對於 UI Design 的幫助就比較少。我自己目前在探索透過 AI 算圖（Stable diffuision & Midjourney）來幫助 UI Design 獲得更好靈感的心得是，現在 AI 算圖目前在 Visual Design 領域上有所成長跟進步，請他們畫 Landing page 的主視覺，或是產生圖像素材不錯用，但目前請他們算 UI 的成品都有點糟糕，因而難以用於需要持續疊代的產品界面上。
這部分等後續技術進步，已經我哪天有發現更實用的應用會再跟大家分享～
