NCU-GS4538-Linux/Linux-Community

[申請人工文章判定] [資訊量不足]

Closed this issue · 0 comments

Figma

什麼是 Figma?

Figma 是一款基於網頁的設計工具,主要用於 UI/UX 設計。它的主要特點包括實時協作、跨平台支持以及豐富的設計功能,使其成為許多設計師和開發團隊的首選工具。

主要功能

  • 實時協作:多位設計師可以同時在同一個設計文件上工作,實時看到彼此的更改。
  • 跨平台支持:Figma 可以在 Windows、macOS 和瀏覽器上使用,無需下載任何額外的應用程式。
  • 版本控制:內建版本控制功能,可以輕鬆查看設計變更歷史,恢復到之前的版本。
  • 設計元件:可以創建可重用的元件(Components),提高設計一致性和效率。
  • 原型設計:內建原型設計功能,可以創建互動式的設計原型,並進行測試和分享。
  • 插件支持:擁有豐富的插件生態系統,可以擴展 Figma 的功能,如圖標庫、數據填充工具等。

使用案例

  • UI/UX 設計:設計應用程序和網站的用戶界面和用戶體驗。
  • 產品設計:協同產品經理和開發團隊,共同制定產品規格和功能。
  • 品牌設計:創建品牌指南和設計系統,保持品牌的一致性。

相關連結

範例

image1
image2

Figma 使用心得

我自己覺得這是一個很好用的工具,為了發揮這工具的最大用途,我還去學了一些相關課程,這些課程讓我快速學會某些特別的設計該怎麼做,不然以我的美感可能會停留在簡單的單色方塊很長一段時間。在學會 Figma 後,我可以用這個工具去設計網頁的 UI,之後再對著這項設計去寫 code,才不會寫 code 的時候還要煩惱設計。

個人觀點

  1. 學習曲線平滑:對於沒有設計背景的人來說,Figma 的學習曲線非常平滑。通過一些線上資源和課程,我能夠迅速掌握基本功能和進階技巧。這讓我在進行網頁設計時更加得心應手。

  2. 高效的工作流程:Figma 的實時協作功能使團隊成員可以即時交流和反饋,避免了傳統設計流程中反復發送文件的麻煩。這大大提高了我們的工作效率,特別是在遠程工作的情況下。

  3. 設計與開發的無縫銜接:在完成 UI 設計後,我可以直接基於 Figma 的設計稿開始編寫程式碼。Figma 提供的 CSS 屬性檢查工具讓我能夠快速提取樣式,減少了設計與開發之間的溝通成本。

  4. 豐富的插件和資源:Figma 的插件生態系統和社群資源非常豐富,能夠滿足不同的設計需求。無論是圖標庫、色彩工具還是動態原型插件,都能輕鬆找到並應用到設計中,這讓我的設計工作更加高效和多樣化。

  5. 持續的更新和改進:Figma 團隊持續推出新功能和改進,保持軟體的前沿性。每次更新都能帶來新的設計靈感和工作方式,使我不斷提升自己的設計技能。

總的來說,Figma 是一個功能強大且靈活的設計工具,不僅適合專業設計師,對於我這樣的非專業背景使用者來說,也能帶來極大的幫助和提升。在使用 Figma 的過程中,我不僅提高了設計能力,還提升了整體的工作效率和團隊協作能力。

未來規劃

設計完UI圖且把code打完後,可以試著運用linux上課所學,將寫完的code打包並使用nginx發佈到私網上,或者可以買網域部署到公網上,如果預算有限的話,可能直接部署到google的firebase工具上,這樣還可以使用簡單的資料庫功能,也不錯。

Originally posted by @poyen0806 in #457