關於figma二三事，經驗筆記

前情提要 

前陣子，接了一個購物車的案子。這次的案子主要是作html 設計稿。

說到設計稿，那時合作的朋友提到要figma，他才有辦法設計出來。

那時頭上有好幾隻烏鴉飛過去，設計稿不就是直接刻嗎？(心中的聲音)

一樣工具出來，是有必定存在的必要。

於是，我就動手畫了UIUX，設計稿的排版、動線、基本按鈕位置，到這裡呢，都可以算是雛型排版。

有了這個雛型property，在和客戶作初階討論很方便，至少不需要在花多一倍的時間，重刻html也能釐清動線。(圖1、圖2)

討論完後，再把其他細節、圖片、顏色風格補滿，花上的時間比重刻html還快。

figma 的 雛形(圖1)

figma 的 雛形(圖2)

心得

在不熟figma的情況下，要把figma 畫出來真的是不簡單。因為要把腦中的東西更具體的具現化出來，也要更明白這個專案的綱要及客戶的需求。

畫了figma 後 也可以知道，原本在做html設計稿 有哪些細節是疏忽的、怎樣的動線是更好的設計。

做到最後其實就會發現，figma怎麼畫，切板最後就會怎麼切。

就好比打球，多少會接觸到不同崗位 前鋒、中鋒、後衛 ，打過不同的位置後更能理解其位置的重要性、互補性、支援性。