帶你認識Figma

閱讀時間約 2 分鐘
Figma Logo圖
Figma是一個主要用來設計網頁的矢量設計軟件,與Wordpress,Shopify, Webflow等不同,Figma做出來的並不是實際的網站,而是一個雛型(Prototype)。
那你或許會想:“為什麼不直接使用類似Wordpress的工具呢?’’
試想想以下這一個情況:
你用Wordpress架設好了一個網站,當你把你的成品展現給你的客戶時,他覺得某些地方需要修改,例如:這裡需要加多一個區域(section),那裡又要加多一個用戶心得(testimonial) ,或者更嚴重的情況是客戶不滿意現在這個網站的設計風格。那你之前耗費心思和時間架設的網站就白廢了,又要重新開始架設過。
Wordpress後台的設定
這種情況對雙方都不好,你浪費了你的時間和心思,而客戶也需要再給你多幾個星期甚至幾個月來架設網站。
而有了Figma,你就可以先把網站的介面設計出來,然後拿給客戶確認,如果客戶認為沒有什麼問題了,就可以在Wordpress照著Figma的設計一模一樣架設出來了。就算客戶覺得需要在這裡多加一個section也不是什麼難事,你可以在Figma直接加上去。因為Figma只是一個設計介面的工具,並不像Wordpress那些工具一樣需要每一個去調整背後的原理。
雖然中間多了一個步驟,但這一個步驟可以確保你的成品是客戶接受或喜歡的,還有可以省下你的時間。在某些比較有規模的團隊裡,還會有特定的設計師專門在Figma上設計好了介面,再交給開發團隊去開發。
可以把它想像成建築物的藍圖,如果在施工的過程中沒有一個明確的藍圖,到最後建出來的也很有可能是危樓。而藍圖就是避免了這個的可能性。又或者可以把它想像成是IKEA的說明書。只要你按著說明書上的步驟去組裝,成品一定會是完整的。並不會說組裝一個椅子到最後的成品出來變成了一個凳子(雖然IKEA很喜歡多出幾個螺絲來混淆我們)。
總結來說,Figma就是為了解決網頁開發中間的“介面設計“的煩惱的一個設計軟件。市面上也有幾個類似Figma的軟件:Sketch, Adobe XD。那為什麼要選Figma呢?其實也沒有為什麼,Figma做的到的其他軟件也做得到。純粹只是Figma提供一個“免費“的配套給我們使用,僅此而已。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
Wix網站設計平台:優缺點解析 Wix架設網站的優點 Wix最大的特色在於其簡單易用的拖放式編輯工具,這使得即便是不會寫程式的新手,也能輕鬆打造出美觀的網站,無論是為品牌還是個人用途。 Wix架設網站的缺點 然而,使用Wix架設網站也有一些缺點。免費版本的功能較為有限,且會有廣告,許多設計模
想要輕鬆掌握UI/UX設計技巧,Figma教學資源來幫忙!這份中文教學,從基礎操作介面介紹,到進階設計功能教學,由淺入深,助你成為設計達人!新手老手都適用,別猶豫啦,快來一起探索Figma的強大功能,創造屬於你的精彩設計吧!
Thumbnail
這篇分享的是我自己在平面設計使用上覺得特別好用的5個Figma Plugin,包括Curve Text、Skew、Noise & Texture、Morph和Blobs等。分享適合初學者的設計工具,並附上了每個工具的安裝連結。
B 文組女生 如何善用 figma 和 GitHub 幸福課程 幸福教練黃老師 潮資訊媒體 文組女生可以透過以下方式善用 Figma 和 GitHub: #Figma Figma 是一款線上設計工具, 可用於製作網頁、應用程式、介面設計等。 文組女生可以使用 F
Thumbnail
設計師經常尋找可以提升工作效率和創意的資源。幸運的是,Figma社群總是樂於分享,這裡我們整理了一些免費的Figma檔案和設計資源,幫助你在App/ 網頁設計界面(UI)和呈現方面更上一層樓。
Thumbnail
Figma以其直觀的介面和強大的協作功能,迅速成為設計師和開發者首選的UI/UX App / 網頁設計工具之一。除了其高效的設計功能外,Figma的一大優勢在於其龐大的社區和用戶共享的免費資源。這些資源可以幫助設計師節省時間,並在創建高質量的設計方案時提供靈感。
Thumbnail
Figma,作為當今流行的在線界面設計工具,不僅在設計社區中擁有重要的地位,更因其協作和原型功能而廣受青睞。然而,除了傳統的UI/UX App 及網頁設計,一些創新者已經開始在這個平台上創造令人驚艷的遊戲。
如果你正在考慮架設網站,那麼你可能已經聽說過WordPress網站。在現今這個時代,超過40%的網站都是使用WordPress製作的。相比之下,使用客製化手寫網站的企業就少得多。那麼,WordPress真的好用嗎?手寫網站又有哪些優點呢?在本文中,我們將比較這兩種架站方式,分析它們各自的優缺點,並引
Wix是一款受歡迎的架站平台,然而它也存在一些限制,例如自定義能力受限,網站性能不如更專業的架站網站等。對於那些需求更多元的人,可能會考慮Wix以外的平台,如WordPress.com、Webflow等,這些平台提供的不同功能,能夠更好滿足專業用戶的需求。
Thumbnail
在數位時代,擁有自己的網站至關重要。然而,高昂的網站開發和維護成本可能是一大挑戰。本文介紹了幾個免費框架軟體,如WordPress,Joomla,Drupal,Wix和Blogger,讓您輕鬆建立和管理自己的網站。
Thumbnail
Wix網站設計平台:優缺點解析 Wix架設網站的優點 Wix最大的特色在於其簡單易用的拖放式編輯工具,這使得即便是不會寫程式的新手,也能輕鬆打造出美觀的網站,無論是為品牌還是個人用途。 Wix架設網站的缺點 然而,使用Wix架設網站也有一些缺點。免費版本的功能較為有限,且會有廣告,許多設計模
想要輕鬆掌握UI/UX設計技巧,Figma教學資源來幫忙!這份中文教學,從基礎操作介面介紹,到進階設計功能教學,由淺入深,助你成為設計達人!新手老手都適用,別猶豫啦,快來一起探索Figma的強大功能,創造屬於你的精彩設計吧!
Thumbnail
這篇分享的是我自己在平面設計使用上覺得特別好用的5個Figma Plugin,包括Curve Text、Skew、Noise & Texture、Morph和Blobs等。分享適合初學者的設計工具,並附上了每個工具的安裝連結。
B 文組女生 如何善用 figma 和 GitHub 幸福課程 幸福教練黃老師 潮資訊媒體 文組女生可以透過以下方式善用 Figma 和 GitHub: #Figma Figma 是一款線上設計工具, 可用於製作網頁、應用程式、介面設計等。 文組女生可以使用 F
Thumbnail
設計師經常尋找可以提升工作效率和創意的資源。幸運的是,Figma社群總是樂於分享,這裡我們整理了一些免費的Figma檔案和設計資源,幫助你在App/ 網頁設計界面(UI)和呈現方面更上一層樓。
Thumbnail
Figma以其直觀的介面和強大的協作功能,迅速成為設計師和開發者首選的UI/UX App / 網頁設計工具之一。除了其高效的設計功能外,Figma的一大優勢在於其龐大的社區和用戶共享的免費資源。這些資源可以幫助設計師節省時間,並在創建高質量的設計方案時提供靈感。
Thumbnail
Figma,作為當今流行的在線界面設計工具,不僅在設計社區中擁有重要的地位,更因其協作和原型功能而廣受青睞。然而,除了傳統的UI/UX App 及網頁設計,一些創新者已經開始在這個平台上創造令人驚艷的遊戲。
如果你正在考慮架設網站,那麼你可能已經聽說過WordPress網站。在現今這個時代,超過40%的網站都是使用WordPress製作的。相比之下,使用客製化手寫網站的企業就少得多。那麼,WordPress真的好用嗎?手寫網站又有哪些優點呢?在本文中,我們將比較這兩種架站方式,分析它們各自的優缺點,並引
Wix是一款受歡迎的架站平台,然而它也存在一些限制,例如自定義能力受限,網站性能不如更專業的架站網站等。對於那些需求更多元的人,可能會考慮Wix以外的平台,如WordPress.com、Webflow等,這些平台提供的不同功能,能夠更好滿足專業用戶的需求。
Thumbnail
在數位時代,擁有自己的網站至關重要。然而,高昂的網站開發和維護成本可能是一大挑戰。本文介紹了幾個免費框架軟體,如WordPress,Joomla,Drupal,Wix和Blogger,讓您輕鬆建立和管理自己的網站。