通常繪製 prototype 的時候多少會需要一些假資料來模擬畫面。大部分使用假資料 User 都能接受, 畢竟實際上還是需要程式動態讀取出來的。但最近還是難逃要用實際資料模擬的需求, 我遇到的情境是類似大量 excel 動態計算欄位。因為 User 會想要討論每個欄位的計算公式, 初版用假資料出去, 結果就被打回來 QQ。只好認真的跟 User 要了實際資料, 但我敢說一定不會有人想要把值一格一格貼, 手絕對會斷掉!而且還下不了班!所以這篇就是紀錄我如何用 plugin 來解決貼實際值的問題。
繼續閱讀最近將舊的 Sketch 檔案匯入 Figma 時,會發生找不到 “Helvetica” 字體的問題。但我覺得這麼“基本”的字體應該 Figma 會有吧?!仔細一找真的不在 Figma 字體的下拉清單(眼神死…),所以我就跑去找有什麼相似的字體可以做替換。幸好,找到了不錯的資源,就趕緊記錄下來。
繼續閱讀最近 Figma 功能換到團隊的訂閱制,終於可以使用 Library 的功能了!但之前還沒換過去之前,檔案內的 Components 都是在 Local 原檔案中,現在該是 Refactor 整理的時候了,把共用的 Components 改用 Library 的,並重新整理檔案。此篇紀錄其中碰到的問題並寫出使用了哪些 Plugin 來改善 Refactor 的效率。
繼續閱讀最近 10 月份 Figma 團隊出的 Interative Components Youtube 教學影片,讓我對這個新功能感到很興奮。簡單來說,就是 Checkbox, Radio, Switch… 等元件,可以製作獨立的動畫,讓 user 透過互動看到切換狀態的過程。話不多說,立刻就來試試看。
繼續閱讀當複製貼上大量中文字在 Figma 時,你可能會發現貼上的文章段落怎麼會一個洞一個洞的呢?此篇就是要說明怎麼解決 Figma 中文缺字的問題啦~
繼續閱讀還沒接觸到 Figma 前,我的工作流是用 Sketch (設計) + Abstract (版控) + AdobeXD (原型),三者各取所長提供使用者最適合的設計方案。但其實很多時間會花在操作三種不同軟體的工上,但 Figma 解決了我長期的困擾,一個軟體就可以做到原本的事情,且還不用下載任何軟體,只要有瀏覽器就可以線上設計,還支援線上多人協作,優點多多。此篇紀錄將設計檔案從 Sketch 轉移到 Figma 需要注意的小細節。
繼續閱讀