第一波！我希望能早點知道的 11 個 Figma 技巧

編者按：這篇文章來自資深 UI設計師 Danny Sapio，他總結了日常設計過程中，使用 Figma 的一些非常快速的設計技巧，希望能幫到大家：

Figma 這款設計工具進步真的超級快，在 Sketch 當中很多進階的、復雜的功能，在 Figma 當中實現起來像呼吸一樣簡單。

我經常能在 Figma 當中碰到一些省時省力的功能和小技巧，每次這樣的發現都令我興奮不已，而這個系列，我就來分享一下這些能夠幫助UI設計師事半功倍的小技巧。

1、此生最輕松的環形進度條設計方法

不清楚是不是所有人都知道這個方法，但是 這應該是我這輩子最快的環形進度條的設計體驗，只要使用弧形工具，就可以快速拖拽出美觀而均勻合理的效果。

2、使用縮放工具避免出現變形

縮放工具在設計 UI 的時候也相當實用，只需要選擇你要縮放的元素和內容，然后在鍵盤上單擊「k」 鍵，就可以快速拖動縮放，并且確保被縮放的元素是像素完美的。

在以往我總是不愿意使用縮放功能，因為總會因為種種原因導致部分縮放出問題并為之進行調整。在 Figma 中使用縮放功能則可以完全保證比例，無需返工。

3、將對象拖出框架外并讓它還在容器中

當你按住空格鍵并且將某個對象拖出框架外的時候，能夠讓它依然處于這個容器內只是不可見，當然， 你還可以關閉「Clip contents」 選項，那么你就能夠讓它在容器外也可見。出來這種方法之外，你還可以使用 「cmd/ctrl + Y」 在不可見的情況預覽到它的外輪廓。

4、快速整理、調整并管理表格元素

當你選擇一組陣列中多個元素之后，通過單擊角落的網格圖標，就能對他們進行快速的整理，比如讓元素之間的距離相等，還可以通過拖動快速地調整間距。

5、快速重復執行上一個操作

可以使用 「cmd/ctrl + D」 復制你的上一個操作，并且 「cmd/ctrl + D」 這個操作還將會復制相關的對象/框架和任何操作中涉及到的元素。

6、使用吸色工具快速預覽顏色

當你點擊吸色工具「i」之后，就可以吸取特定的顏色，但是如果你按住 i 按鍵不動的時候，并且移動光標，就能夠預覽顏色而不是取色。

7、快速解鎖所有對象

使用 「cmd/ctrl + /」是一個可以幫你節省大量時間的快捷鍵，它可以調用多個不同的快捷操作，而我用的最多的，是用它一次解鎖所有的對象和元素，以及修改字體。

8、快速為占位符圖形添加圖片

使用 「cmd/ctrl + shift + k」的組合鍵，能夠快速為占位符或者框架之類的元素添加一堆圖片。

9、空格鍵的各種騷操作

當你在進行選中多個元素的操作的時候，你可以用光標拉出一塊區域，這個時候按住空格鍵就能拖動你的選中區塊，這個時候就能帶著這個區域來選中文件，移動過程中選中一大堆元素。

當你拉出一個圖形之后，這個時候按住空格鍵，就能夠順便移動這個元素了。

除此之外，你還可以在拖動元素的時候按住空格鍵，防止元素在框架或者自動布局當中自動嵌套到其中！

10、Content Reel + Unsplash

Content Reel + Unsplash 是兩個必備的插件，使用 Content Reel 能夠快速幫你生成各種占位符，而不是讓你的 UI 界面中每個用戶都是「無名氏」，當然，它能生成的占位符有很多類型，名字、頭像、ID、文本段落等等全都有。Unspalsh 則是著名的免費圖庫的插件，能夠為你提供高質量的圖庫。

11、超好用的自動行高

如果你的文本行高看起來參差不齊，而你也本身也暫時沒打算設置某個特別的行高參數，那么你只需要在行高中輸入 auto 或者刪除其中的參數并且點擊回車，就能夠設置成為自動行高了！