靜電說：相信大多數(shù)小伙伴已經(jīng)從其它設(shè)計(jì)工具轉(zhuǎn)到Figma來做設(shè)計(jì)了。但是在使用過程中，你可能會(huì)發(fā)現(xiàn)不少小的細(xì)節(jié)并不太如你所愿，今天咱們來看看這些隱藏的Figma小技巧，可以幫你加速工作效率，節(jié)省大量的工作時(shí)間。

001.

使用縮放（K）調(diào)整文本大小

在大多數(shù)Adobe產(chǎn)品中，當(dāng)你拖拉文本選擇框，里邊的文字也會(huì)縮放來配合空間變化。但是在Figma中，這么操作，文本的大小不會(huì)改變。

要使文本大小也隨文本框進(jìn)行縮放，我們可以使用縮放模式，快捷鍵是K鍵。非常方便。所以，不要只是再簡單的拖拉選擇框了。K鍵是最好的縮放方式。

單擊K之前

按“K”打開縮放模式

002.

復(fù)制為文本，PNG，SVG等

Figma 允許您比傳統(tǒng)的“Ctrl + C”按鈕領(lǐng)先一步。您可以使用右鍵單擊直接復(fù)制組/框架/組件。當(dāng)您想快速獲得特定幀的圖像而不導(dǎo)出它時(shí)，它會(huì)派上用場。

單擊文本元素時(shí)，它還具有快速的“復(fù)制為文本”功能。

003.

在不改變?cè)氐那闆r下調(diào)整框架大小

調(diào)整框架大小是一件煩人的事情，拖動(dòng)時(shí)會(huì)影響內(nèi)部的元素布局。發(fā)生這種情況時(shí)，找到發(fā)生這些變化的圖層（并非所有圖層都會(huì)拉伸和擴(kuò)展），并將它們的約束從“比例”設(shè)置為“頂部/左側(cè)”（如下所示）

當(dāng)然，你也可以直接按住蘋果鍵，即可只改變Frame大小，而frame中的其它元素則不會(huì)發(fā)生變化。

004.?

自動(dòng)布局讓事情變的如此簡單

自動(dòng)布局可以節(jié)省時(shí)間。尤其是當(dāng)你處理順序容易改變的元素時(shí)——強(qiáng)烈建議將它們保持在自動(dòng)布局模式，這樣任何交換都可以毫不費(fèi)力地快速完成。

005.

縮放到指定位置

Figma 文件的每一頁有時(shí)都可以有很多不同的Frame和元素。使用傳統(tǒng)的“Ctrl +/-”很難放大到一個(gè)特定的Frame。因此，下次您想要放大某個(gè)特定Frame/組時(shí)，請(qǐng)選擇該幀并單擊“Shift + 2”以專注于該特定幀。

006.

快速重命名圖層/幀（Ctrl + R）

有時(shí)在重用圖層或框架時(shí)，您可能會(huì)發(fā)現(xiàn)自己置身于一堆具有相同名稱的元素中。使用“Ctrl + R”按順序自定義名稱。

007.

使用Smart Animate制作流暢動(dòng)畫

如果您不是動(dòng)畫設(shè)計(jì)師，有時(shí)在 Figma 原型中創(chuàng)建流暢的動(dòng)畫看起來并不容易。但是使用“Smart Animate”動(dòng)畫功能，您可以在原型中創(chuàng)建無縫集成和流程，讓人們驚嘆不已。

下面是一個(gè)用Figma制作出的動(dòng)畫的例子，大家看一下。

新一期UI全鏈路就業(yè)特訓(xùn)課程開始報(bào)名啦

↓↓長按二維碼加靜電老師咨詢↓↓

? ? ? ? ? ? ? ? ?