Menu

網站服務項目

還在用PS做網頁嗎?快來試試Figma!青春一去不復返

sketch、zeplin等工具對於介面設計的朋友們肯定心有戚戚焉,不過從2019 UI設計工具調查中,Figma以進入業界前三名之姿,讓大家更注意到它不容忽視!而不斷在優化的Figma,用過的人都愛不釋手,讓我們速速進入主題吧!

還在用PS做網頁嗎?快來試試Figma!青春一去不復返

Figma是什麼?

如果身處設計產業,約莫去年年底你一定聽過軟體業巨頭Adobe以天價收購了一個平台,而線上開發平台就是今天要聊的「Figma」。Figma是一個線上介面設計平台,你不需要安裝就能打開使用它!最初僅是圖片編輯軟體,後續發展為多人協作的線上平台,是一個UI、UX、網頁、App的介面設計工具。

六大優點真心推薦!

還在用PS做網頁嗎?快來試試Figma!青春一去不復返

只要連結就能看見設計

只要你有瀏覽器就能操作!分享連結不管是任何身份,無需安裝軟體就能看見畫面!也能區分內部使用帳號與外部知曉連結的使用者權限。


還在用PS做網頁嗎?快來試試Figma!青春一去不復返

隨時自動存檔,不再害怕檔案遺失

除上述第一點,它完全不佔據電腦空間(還在為了多版本懊惱要刪除哪一個檔案嗎?),檔案管理也能分類清楚,搜尋就能找到,對於設計師肯定心有戚戚焉!設計完存檔發現一直loading地獄轉轉轉,看不見明天的太陽(誤)


還在用PS做網頁嗎?快來試試Figma!青春一去不復返

留言備註C

通常設計師對於畫面有提醒或給予夥伴的,會另外拉文字在畫面旁等等,而Figma留言功能只要輕鬆點擊C,就能在畫面上留下備註!除了可以回覆評論以外,也能依照評論形式,點擊完成並消除喔!


還在用PS做網頁嗎?快來試試Figma!青春一去不復返

原型製作prototyping

為了讓使用者更清楚體驗互動效果,在Figma日漸優化之下,簡單的Prototype都能呈現出來!像是header固定在最上方、hover後的元素變化等。


還在用PS做網頁嗎?快來試試Figma!青春一去不復返

多人協作&即時同步

集思廣益的最佳軟體!可以同時與你的夥伴一起在同一個視窗共同設計,而在製作設計畫面中,需要來回討論,可能是搭配截圖或是任何方式,都為了要讓彼此可以迅速聚焦,而Figma讓大家能同時在同一畫面,可即時提供想法互相交流,亦可點擊使用者並立刻追蹤對方正在畫面所在處。下面會告訴大家一個小Tips!


還在用PS做網頁嗎?快來試試Figma!青春一去不復返

外掛太棒啦!

之前僅Mac有的Sketch已有許多相當優秀的外掛,而Figma也不遑多讓,樂活有分享一篇Figma必下載的外掛,我們在最下面有分享!若有需要歡迎點擊查看!


Figma設計師與前端合作的小眉角

① 當設計師發想與風格確認後,建議可做Style guide,一是統整樣式並方便重複套用,二是前端進入製作時,也是相同的道理喔!若有任何微調,都能針對style guide一次性調整就能到位!
② 留言備註功能相當方便,但切記在移動畫面時,留言別忘記一起喔!不然就會備註不在該要說明的位置上,時間拉長一看,就會忘記囉!
③ Prototype在figma製作呈現還是有限,可與前端溝通並備註,雙方達成共識才能好好呈現。
④ 前端輸出svg檔時,有時候會因製作習慣而輸出的檔會不完整,建議可在AI (Illustrator)輸出存給前端也可以喔!
⑤ 留言備註是內部外部連結的人員都能看得見!要告訴你的小Tips是你可以點擊「/」就能把Figma當即時聊天室(笑)

Figma必用外掛推薦這邊看

都已經看到這邊了,想必我們的文章一定有幫助到你。
喜歡的話歡迎分享,或前往表單告訴我們你的需求,
樂活會有專業團隊為您解答!

聯絡我們

推薦好文

文章分類

最新文章

熱門文章

熱門標籤

如果文章讓你激盪出點子或疑問,歡迎致電或來信跟我們聊聊唷!

聯絡我們