本文來(lái)自高級(jí) UI 設(shè)計(jì)師 Danny Sapio。 他總結(jié)了日常設(shè)計(jì)過(guò)程中使用Figma的一些非?？焖俚脑O(shè)計(jì)技巧，希望對(duì)大家有所幫助：

Figma 是一個(gè)發(fā)展非?？斓脑O(shè)計(jì)工具。 許多高級(jí)和復(fù)雜的功能可以在 Figma 中像呼吸一樣輕松地實(shí)現(xiàn)。

我經(jīng)常在 Figma 中遇到一些省時(shí)省力的功能和技巧。 每當(dāng)我發(fā)現(xiàn)這樣的發(fā)現(xiàn)時(shí)，我都會(huì)感到興奮。 在這個(gè)系列中sketch取色快捷鍵，我將分享這些技巧，可以幫助 UI 設(shè)計(jì)師事半功倍。

01

這輩子最簡(jiǎn)單的圓形進(jìn)度條設(shè)計(jì)方法

不知道大家是否知道這個(gè)方法，但這應(yīng)該是我一生中最快的圓形進(jìn)度條設(shè)計(jì)體驗(yàn)了。 只要我使用圓弧工具，我就可以快速拖動(dòng)它，創(chuàng)造出漂亮、均勻、合理的效果。

02

使用縮放工具避免變形

縮放工具在設(shè)計(jì) UI 時(shí)也非常有用。 只需選擇要縮放的元素和內(nèi)容sketch取色快捷鍵，然后單擊鍵盤上的“k”鍵即可快速拖動(dòng)和縮放，并確?？s放后的元素是像素完美的。 。

以前我一直不愿意使用變焦功能，因?yàn)榭倳?huì)因?yàn)楦鞣N原因?qū)е虏糠肿兘钩霈F(xiàn)問(wèn)題，不得不進(jìn)行調(diào)整。 使用Figma中的縮放功能可以完全保證比例，無(wú)需返工。

03

將對(duì)象拖出框架并將其保留在容器中

當(dāng)您按住空格鍵并將對(duì)象拖出框架時(shí)，它仍然可以位于容器內(nèi)，但不可見。 當(dāng)然，你也可以關(guān)閉“Clip”選項(xiàng)，然后就可以將其制作到容器之外了。 也可見。 除了這個(gè)方法之外，你還可以使用“cmd/ctrl + Y”來(lái)預(yù)覽其輪廓不可見。

04

快速組織、調(diào)整和管理表格元素

在一組數(shù)組中選擇多個(gè)元素后，您可以通過(guò)單擊角落的網(wǎng)格圖標(biāo)來(lái)快速組織它們，例如使元素之間的距離相等，還可以通過(guò)拖動(dòng)來(lái)快速調(diào)整間距。

05

快速重復(fù)之前的動(dòng)作

您可以使用“cmd/ctrl + D”復(fù)制上一次操作，并且“cmd/ctrl + D”還將復(fù)制相關(guān)的對(duì)象/框架以及操作中涉及的任何元素。

06

使用拾色器工具快速預(yù)覽顏色

當(dāng)你點(diǎn)擊顏色吸收工具“i”時(shí)，你可以吸收特定的顏色，但如果你按住i按鈕并移動(dòng)光標(biāo)，你可以預(yù)覽顏色而不是拾取顏色。

07

快速解鎖所有物體

使用“cmd/ctrl + /”是一個(gè)可以幫助您節(jié)省大量時(shí)間的快捷鍵。 它可以調(diào)用許多不同的快捷操作。 我用得最多的就是用它一次性解鎖所有對(duì)象和元素，以及修改字體。

08

快速將圖像添加到占位符圖形中

使用“cmd/ctrl + shift + k”組合鍵可以快速將一堆圖片添加到占位符或框架等元素中。

09

空格鍵的各種調(diào)皮操作

選擇多個(gè)元素時(shí)，可以使用光標(biāo)拉出一個(gè)區(qū)域。 這時(shí)，按住空格鍵拖動(dòng)您選擇的區(qū)域。 此時(shí)，您可以使用該區(qū)域來(lái)選擇文件。 移動(dòng)時(shí)選擇一堆元素。

拉出圖形后，按住空格鍵可移動(dòng)元素。

另外，您還可以在拖動(dòng)元素時(shí)按住空格鍵，以防止元素自動(dòng)嵌套在框架中或自動(dòng)布局！

10

卷軸+

Reel+是兩個(gè)必備的插件。 使用Reel可以快速幫助你生成各種占位符，而不是讓你的UI界面中的每個(gè)用戶都是“匿名”的。 當(dāng)然，它可以生成的占位符包括很多類型，包括姓名、頭像、ID、文本段落等，是一款著名的免費(fèi)圖庫(kù)插件，可以為您提供高質(zhì)量的圖庫(kù)。

11

超級(jí)容易使用自動(dòng)行高

如果你的文本行高看起來(lái)不均勻，并且暫時(shí)不打算設(shè)置專門的行高參數(shù)，那么你只需要在行高中輸入auto或者刪除該參數(shù)并回車即可。 設(shè)置為自動(dòng)高！

如有侵權(quán)請(qǐng)聯(lián)系刪除！