一塊設計 | apo design - 設計共筆部落格
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書
訂閱我們
一塊設計 | apo design - 設計共筆部落格
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書
訂閱我們
沒有結果
檢視所有結果
一塊設計 | apo design - 設計共筆部落格
沒有結果
檢視所有結果
Home 工具分享

幾個 Figma 實用的 Plugin 分享

in 工具分享
by Lauren Lin
4 月 28,2021
3 min read

內容目錄

    • Unsplash
    • Smart Text
  • Content Reel
    • Figma Measure

又是 Figma 的推薦文,這次要來分享最近用過覺得很實用的 Figma plugins,可以在工作中有效地增加工作效率、或是讓設計看起來更加真實。

Unsplash

Unsplash 是一個知名的免費圖庫網站,裡面的圖片品質很高、畫質也好,很適合當作設計的樣板圖片,我很常在 Unsplash 找人物的肖像照來當 Prototype 的使用者照片,放進去讓整體的視覺質感加分。

Unsplash在 Figma plugin 的功能為隨機插入照片,一開始介面會有幾個常見的大分類,點選你想找的類別他就會隨機產生圖在檔案上。如果想要親自找圖也可以使用搜尋的功能哦!

Smart Text

這是我在搜尋如何製作 Color system 教學時所找到的 plugin,smart text 可以產生文字圖層,動態顯示你想標記所選的圖層的資訊,像是尺寸、位置、顏色、字體、樣式、名字….等。

我用它來自動產生 Color system 色票的資訊,讓顏色的規範更明確:

  1. 點選要標註的圖層
  2. 選擇要顯示的資訊(EX: Layer Name & Fill Color),資訊可以換行排版
  3. 點選 Insert button,文字會自動生成
  4. 如果之後圖層內容有改變,點選 Resolve Tab 內的按鈕就可以更新資訊囉!

藉機來許願一下,希望 Smart text 的文字圖層功能可以更完整一點,像是可以指定要連接到哪個文字圖層,使用起來更自由。

下面連結是剛剛提到的Color system教學,我覺得維護起來蠻方便的,在設計的時候要選擇顏色時會出現明確的標示和分類,推薦給大家: Use Figma plugins to quickly generate a color system

Content Reel

這是微軟自己做的 Plugin,集各種假資料為大成,連假照片都有,讓你更快速的產生似真似假的資料,讓 Prototype 更完整。裡面有美國假姓名、美國假地址、美國真的公司名字….等可以自由運用,真的蠻方便的,很適合要處理大量 Data 的設計。這裡又要許願一下公司名稱可以更多一點…..常常用的量一多,就跑出好幾個 Apple、Starbucks、IBM……

除了這個之外,他還可以自創假資料哦,如果你的設計有特定的 Data 需要填入(EX:訂單號碼),那就可以自己先設計一組假資料重複運用,真的蠻方便的,但需要登入才可以使用。

P.S 我創了一組資料試玩看看,沒想到發佈之後找不到地方可以修改,所以在平台發了一筆像廢文的資訊還無法刪除……想要自創的人要小心一點,確認後再發布😨

Figma Measure

要來介紹一個很強大的 Plugin 了!這是看到粉專 Design tips today 分享,是專門用來標示尺寸和樣式的 Plugin,只要選取要標註的圖層,然後點選 Figma measure 介面要標注的位置,就會自動產生該圖層的尺寸資訊。

我覺得強大的點在於它可以選擇要上下左右或是中間,也可以改箭頭的顏色和樣式。還有就是可以一次選取多個圖層,一次產出你要的標註(懶人福音~)

點 點 點,充滿彈性的設計讓設計標註的時間縮短了許多,標註樣式也很美

雖然 Figma 的 Inspector 就涵蓋了以上的功能, Designer 也不用特別做這些標注,但是總是出現例外需要花額外的時間去做這件事,Figma measure 就幫了大忙。但免不了還是想許願一下,希望尺寸標註的功能可以出現百分比自動計算,就不用再數格子惹!

以上~就是我這次要推薦的實用 Plugin,看一看很多都是跟資訊顯示標記有關的功能,在忙碌工作中有了這些小套件節省掉繁複的工作流程,真的很感謝設計這些套件的團隊,深知大家的痛點啊!

Tags: design toolFigma
ShareShareShare
Lauren Lin

Lauren Lin

初入職2B介面設計的菜鳥設計師

上一篇文章

離開辦公室後,我選擇這樣生活!

下一篇文章

『新手必學』網頁設計技巧-小技巧篇

相關文章

5 個 Figma 實用小工具與技巧分享!

5 個 Figma 實用小工具與技巧分享!

by Debby
7 月 20,2022

之前 apo design 有分享過一篇 『幾個 Figma 實用的 Plugin 分享』這次要來分享第二篇!最近 Figma 從 5 月 Config 開始,...

網頁編輯器使用心得 │ WordPress – Elementor 篇

網頁編輯器使用心得 │ WordPress – Elementor 篇

by sanmu
8 月 25,2021

嗨大家好! 前篇介紹了關於 Divi 的使用心得,今次就來說說關於 Elementor 的心得吧~! 先更新一下近況,先前提到的 Divi 購物車的災難級效能問...

網頁編輯器使用心得 │ WordPress-Divi 篇

網頁編輯器使用心得 │ WordPress-Divi 篇

by sanmu
5 月 26,2021

又稱 與 Divi 的愛恨情仇(不) Wordpress( 下面簡稱為 WP )作為全球最多人使用的架站系統,擁有數不清的外掛支援,還有許多主題與頁面編輯器( ...

Back to List

一塊特別企劃

一塊特別企劃|設計師問與答
連結至一塊設計 facebook 專頁

標籤

Adobe Xd (3) B2B (1) COVID19 (1) designer (2) design tool (3) Figma (4) functional map (1) HTML (2) illustrator (1) UI (26) UX (18) web design (1) Wordpress (2) 字體 (7) 無障礙網站 (5) 產品設計 (2) 筆記 (4) 經驗分享 (26) 網頁設計 (20) 設計師問答 (1) 設計選書 (2) 課程心得 (1) 講座 (2) 購物流程 (1) 週年企劃 (5) 遠端工作 (2) 電子報 (1) 靈感 (4)
一塊設計 a piece of design

聯絡我們

任何合作或問題請洽:
info@apodesign.tw

  • 服務條款
  • 隱私權政策

Follow us

Copyright © 2020 apodesign.tw All Rights Reserved.

沒有結果
檢視所有結果
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書