激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

提高設(shè)計(jì)效率的Figma小技巧

發(fā)布時(shí)間：2024-08-13 19:10:39 瀏覽量：280次

忽略 Constraints 的設(shè)置限制

使用 Constraints 功能，你可以將對象設(shè)置為固定在其父級(jí) frame 的左側(cè)、右側(cè)或中心、以及拉伸。Constraints 是 Figma 最好的功能之一。但有時(shí)你需要忽略一些限制。只要在按 ? 鍵的同時(shí)調(diào)整對象父級(jí) frame 的大小，那么該對象上的所有限制將被忽略。

示例圖片

粘貼SVG代碼

你可以直接從編輯器或?yàn)g覽器里復(fù)制 SVG 代碼，然后粘貼到 Figma，而無需下載文件到電腦上再將其上傳到 Figma 中。如果你正在使用 SVGOMG 對 SVG 文件進(jìn)行優(yōu)化，那么你可以將優(yōu)化好的代碼復(fù)制到剪貼板，然后再粘貼到 Figma。

示例圖片

自定義微調(diào)

如果你正在使用 8pt 柵格系統(tǒng)做設(shè)計(jì)，那么你可以打開 Figma 的設(shè)置面板，然后點(diǎn)開 Nudge Amount 選項(xiàng)，將「Big nudge」設(shè)置為 8 即可。

示例圖片

當(dāng)按住 shift 鍵在畫布上進(jìn)行微調(diào)的時(shí)候，微調(diào)值會(huì)使用「Big nudge」設(shè)置的值。同樣，當(dāng)你按住 shift 鍵在右側(cè)屬性面板里面使用鼠標(biāo)微調(diào)數(shù)值的時(shí)候，微調(diào)值同樣會(huì)使用「Big nudge」設(shè)置的值。

示例圖片

Auto layout

你可以使用 Auto layout 在 frame 內(nèi)設(shè)置子對象的向左和向右（垂直方向時(shí)）或向上和向下（水平方向時(shí)）的伸展。

示例圖片

測量距離

鼠標(biāo)懸停的時(shí)候按住 alt/option 鍵，將會(huì)顯示元素之間的距離。

示例圖片

調(diào)整文本大小模式

雙擊文本圖層的邊界區(qū)域，會(huì)將文本的尺寸調(diào)整方式變?yōu)?auto-resize'，這在某些情況下會(huì)很有幫助。

搜索所有Figma命令

如果你喜歡使用鍵入而非點(diǎn)擊菜單進(jìn)行操作，則可以使用鍵盤上的 ? + / 命令來搜索所有 Figma 命令來執(zhí)行操作。

示例圖片

選擇對象

選擇具有相同屬性的元素

在編輯菜單里面，你可以選擇具有相同填充、字體或文本的對象。你還可以選擇組件的所有實(shí)例。例如，如果你想修改一種字體，則可以選擇所有需要更改的字體的文本對象，然后對其執(zhí)行統(tǒng)一修改。

示例圖片

選擇嵌套或分組元素

如果你有嵌套的組或 frame，那么選擇嵌套內(nèi)容可能需要點(diǎn)擊很多次。如果你想直接選擇光標(biāo)懸停的任何對象，請按 cmd 并單擊。你也可以按住 cmd 并拖動(dòng)以選擇組中的多個(gè)對象。

按鍵命令

學(xué)習(xí)鍵盤快捷鍵是使用設(shè)計(jì)工具提高生產(chǎn)率的好方法，并且 Figma 提供了很多按鍵命令。 一些來自 Sketch 的人已經(jīng)很熟悉了，例如：

o 繪制圓形（或橢圓形），r 繪制矩形，l 繪制線條，t 編寫文本。

以下列出一些經(jīng)常使用且實(shí)用的快捷鍵供參考：

f 創(chuàng)建 frame

option + 1/2 在 Layers 和 Assets 視圖之間切換

option + 3 打開 Library 彈出面板

option + 8/9/0 在 design/prototype/code 面板之間切換

shift + x 交換 Fill 和 Stroke 的屬性值

i 打開顏色選擇器

shift + v 垂直翻轉(zhuǎn)

shift + h 水平翻轉(zhuǎn)

? + option + k 創(chuàng)建組件

? + option + b 分離組件

如果你需要在設(shè)計(jì)中使用 emoji，可以使用 ? + control + space 打開 emoji 面板

示例圖片

如果想獲取更多快捷鍵，點(diǎn)擊屏幕右下角的問號(hào)，選擇「Keyboard Shortcuts」就可以看到內(nèi)置于 Figma 的所有按鍵命令。此外，F(xiàn)igma Ninja 也是一個(gè)不錯(cuò)的選擇。

示例圖片

批量重命名

? + r 是重命名單一圖層的快捷鍵。如果你選擇多個(gè)層的話，該快捷鍵可以同時(shí)重命名選擇的所有圖層。

示例圖片

使用矢量

要進(jìn)行高級(jí)矢量處理，你需要使用 Adobe Illustrator 等專用工具。但是，F(xiàn)igma 本身仍然可以做一些相當(dāng)?shù)墓ぷ鳌＿@是來自 Figma 官方的演示。

示例圖片

想要了解更多關(guān)于數(shù)字藝術(shù)教育的潮流和趨勢嗎？歡迎點(diǎn)擊咨詢點(diǎn)擊咨詢，我們將有專業(yè)老師為您詳細(xì)解答。

熱門課程推薦

熱門資訊

請綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請保持電話暢通！
確定