Halo，這里是設(shè)計(jì)夾，今天分享的是「Figma插件」。

除了分享一些高效的figma插件外，還順帶科普一下這些插件的使用方法。

oblique＆Easometric

oblique插件：創(chuàng)建任意形狀的斜投影。有助于創(chuàng)建陰影、3D 深度、視覺透視等；

Easometric插件：可以非常輕松地創(chuàng)建等距圖層和組。

oblique＆Easometric兩個(gè)插件是非常神仙的組合，可以讓你快速的制作等距圖標(biāo)和插畫，所以這兩個(gè)就一起說了。

oblique＆Easometric兩個(gè)插件通常一起使用，先用Easometric創(chuàng)建出等距圖形在使用oblique來擠出就可以輕松繪制等距圖標(biāo)。

第一步：首先使用Easometric插件來做角度上的調(diào)整。

第二步：使用oblique插件來做擠出。

Fractal Glass Effect

使用 Fractal Glass Effect 插件輕松轉(zhuǎn)換圖片成玻璃效果。無需切換到 Photoshop 并按照冗長(zhǎng)的步驟創(chuàng)建分形效果。只需在 Figma 中單擊一下即可完成。

Fractal Glass Effect插件使用方法還是非常簡(jiǎn)單的，只需要選中圖片 → 選擇你需要的強(qiáng)度就可以生成。

Noise & Texture

Noise & Texture插件可以動(dòng)態(tài)生成無縫平鋪噪點(diǎn)、紋理、圖案、漸變等。選擇一個(gè)圖層并添加噪聲或紋理。更改設(shè)置時(shí)可以實(shí)時(shí)查看圖層更新。

Noise & Texture使用也非常簡(jiǎn)單，選擇你要添加的圖像修改對(duì)應(yīng)的參數(shù)就可以得到非常好看的紋理效果。

ARC-Bend your type!

文本編輯插件，可以將文本向上、向下或彎曲成圓形。

這個(gè)插件也非常的簡(jiǎn)單，選擇你需要調(diào)整的文本，設(shè)置弧度大小與縮放應(yīng)用即可。

Lummi

Lummi是一個(gè)AI圖片生成的圖庫(kù)，里面的圖片篩選可以找到很多圖，無論是亮度、色調(diào)、方向，還是圖像中的人數(shù)。

SmoothShadow

平滑陰影，可以調(diào)整非常平滑自然的陰影效果，曲線調(diào)整不透明度、偏移和模糊，讓陰影的細(xì)節(jié)更可控。

To Path

克隆形狀可以沿任何路徑重復(fù)，當(dāng)然不止是形狀，文本也是可以的。

使用時(shí)選擇曲線以及形狀、組或文本，點(diǎn)擊鏈接即可。

Tailwind CSS Color Generator

輸入顏色色值，可以生成對(duì)應(yīng)的色階，可以直接添加到figma文件樣式中，無需手動(dòng)添加，直接調(diào)用。

使用Tailwind CSS Color Generator插件可以快速的幫助我們?nèi)?chuàng)建色階、樣式、以及指南。

Vector Logos

在Figma里就可以輕松查找和插入各大品牌SVG版本的LOGO。

SkewDat

非常簡(jiǎn)單的一個(gè)傾斜插件，這個(gè)插件不需要教程！我奶都會(huì)用！

Pixel Perfect

種種原因忘記重新打開對(duì)齊像素網(wǎng)格？沒關(guān)系。選擇您想要重新對(duì)齊像素網(wǎng)格的任何圖層，然后，它們的位置和大小就會(huì)四舍五入為整數(shù)。

輕輕一點(diǎn)就可以化整，不用再手動(dòng)輸入！

A11y-Color Contrast Checker

通過遵守 WCAG（Web 內(nèi)容可訪問性指南）標(biāo)準(zhǔn)，確保您的文本可供用戶閱讀。

此插件檢查框架內(nèi)所有可見文本的顏色對(duì)比度，并提供反饋，說明其是否符合 WCAG 的 AA 和/或 AAA 級(jí)別合規(guī)性。它還提供顏色滑塊，允許用戶調(diào)整顏色并了解相應(yīng)的對(duì)比度如何實(shí)時(shí)變化。

目前僅支持單一、100% 實(shí)心填充。

最后

以上就是這期分享的插件，希望能夠幫助大家了解認(rèn)識(shí)到這些插件的同時(shí)提升自己的工作效率。

看完覺得寫得好的，不防打賞一元，以支持藍(lán)海情報(bào)網(wǎng)揭秘更多好的項(xiàng)目。

標(biāo)簽： 標(biāo)簽 內(nèi)容 隨筆