Pixso插件廣場(chǎng)開(kāi)源社區(qū),10款好用的設(shè)計(jì)插件!

資訊頻道 - 產(chǎn)業(yè)聚焦 來(lái)源:互聯(lián)網(wǎng) 作者:dayue 2022-08-01

對(duì)于產(chǎn)品設(shè)計(jì)師而言,插件是效率提升的利器,能告別繁瑣的操作步驟,快速實(shí)現(xiàn)想要的效果。隨著插件數(shù)量的增多,無(wú)形中也增添了一些困擾,部分插件冗余導(dǎo)致界面堆砌,無(wú)法高效定位拖慢效率。

針對(duì)以上困擾,Pixso上線了插件廣場(chǎng)功能,幫助用戶更加高效便捷的獲取插件。Pixso是國(guó)內(nèi)協(xié)作設(shè)計(jì)軟件,將設(shè)計(jì)插件與設(shè)計(jì)工具深度集成,在設(shè)計(jì)界面就能高效的調(diào)用。Pixso插件廣場(chǎng)與界面插件按鈕數(shù)據(jù)同步,能一鍵安裝和卸載插件,滿足設(shè)計(jì)師定制化插件需求。

同Pixso資源社區(qū)一樣,插件廣場(chǎng)將秉承開(kāi)源精神,為設(shè)計(jì)師提供一個(gè)開(kāi)放的平臺(tái),不斷拓展設(shè)計(jì)邊界。本次插件廣場(chǎng)的迭代,除了容納更多優(yōu)質(zhì)插件,Pixso還會(huì)逐步開(kāi)放生態(tài),將設(shè)計(jì)可能性無(wú)限放大。

下面就一起來(lái)看看,Pixso上線了那些實(shí)用插件!

一、旋轉(zhuǎn)復(fù)制

經(jīng)常需要制作一些旋轉(zhuǎn)效果,設(shè)計(jì)使用sketch、PS等軟件繪制,需要設(shè)計(jì)號(hào)旋轉(zhuǎn)的數(shù)量,然后一點(diǎn)點(diǎn)的調(diào)整角度,因?yàn)橛?jì)算不夠精細(xì),需要反復(fù)調(diào)整角度,制作過(guò)程費(fèi)時(shí)費(fèi)力。

Pixso通過(guò)“旋轉(zhuǎn)復(fù)制”插件,可以將任意圖層自定義復(fù)制數(shù)量、半徑長(zhǎng)度、旋轉(zhuǎn)角度等,一鍵生成旋轉(zhuǎn)效果,效果不滿意,直接調(diào)整參數(shù),直觀清晰又高效。

二、斜切工具

在進(jìn)行版面設(shè)計(jì)的時(shí)候,上下構(gòu)圖、左右構(gòu)圖等垂直視覺(jué)效果都是相對(duì)比較平衡和穩(wěn)定的效果。當(dāng)你想要設(shè)計(jì)更靈活、俏皮的版面,創(chuàng)造一個(gè)輕松、動(dòng)態(tài)、刺激的氛圍時(shí),傾斜是一個(gè)更合適的表現(xiàn)元素。

Pixso斜切插件可以實(shí)現(xiàn)多種設(shè)計(jì)斜切方式,滿足你的任何想象。結(jié)合多色矢量網(wǎng)格,我們可以將一張平面,設(shè)計(jì)成一個(gè)具有3D空間感的畫(huà)面。

三、產(chǎn)品組件庫(kù)

產(chǎn)品組件庫(kù)插件可以看成是對(duì)組件庫(kù)資源做了一次篩選,從中選出 PC 端和移動(dòng)端常用的組件,組件數(shù)量變少但更聚焦。

PC 端常用組件:基礎(chǔ)、按鈕、菜單、其他;

移動(dòng)端常用組件:基礎(chǔ)、按鈕、列表、選擇器、導(dǎo)航欄、Toast、其它等。

產(chǎn)品組件庫(kù)中的部分組件,還額外添加了「自動(dòng)布局」的效果,如下圖的下拉菜單欄組件,拖拽移動(dòng)其中任意一個(gè)菜單,其他菜單會(huì)自適應(yīng)調(diào)整位置。

四、智能填充

在制作高保真原型時(shí),為了讓原型更接近最后可用的狀態(tài),往往需要將最初的占位符替換成圖片、文本等有意義的內(nèi)容,這時(shí)如果有一個(gè)自動(dòng)生成相應(yīng)數(shù)據(jù)的工具,就可以大大加快產(chǎn)出原型的時(shí)間。

你需要的,Pixso 剛好也有!使用 Pixso 近期新增的「智能填充」插件,可以自動(dòng)生成各種原型數(shù)據(jù)。

打開(kāi)智能填充插件面板,可以看到插件支持生成姓名、電話、身份證、地址、郵箱、數(shù)字、時(shí)間、日期等數(shù)據(jù)。

不同類(lèi)型的數(shù)據(jù),下方還提供了相應(yīng)的選項(xiàng),可以手動(dòng)調(diào)整生成的數(shù)據(jù)。有了這個(gè)插件,一切數(shù)據(jù)都由程序隨機(jī)生成,讓設(shè)計(jì)師不再為原型中的文案而苦惱。

五、iconfont

iconfont由阿里巴巴設(shè)計(jì)團(tuán)隊(duì)推出,匯集了1600W+ 的海量圖標(biāo)資源,包含各式各樣的風(fēng)格樣式,滿足產(chǎn)品設(shè)計(jì)師日常所有需求,Pixso插件廣場(chǎng)iconfont插件設(shè)計(jì)搜索按鈕,可以便捷的搜索和拖拽,設(shè)計(jì)效率成倍提升!

六、lconPark設(shè)計(jì)系統(tǒng)

IconPark 中的 2400+ 圖標(biāo),全部由字節(jié)跳動(dòng)設(shè)計(jì)師專(zhuān)門(mén)繪制,保證了統(tǒng)一的設(shè)計(jì)風(fēng)格和樣式規(guī)范,并且作為開(kāi)源項(xiàng)目,不僅一直在持續(xù)更新,所有圖標(biāo)更是完全免費(fèi)商用!

而這些圖標(biāo),在我們的 IconPark 插件里,可以最快捷的搜索查找,隨意設(shè)置圖標(biāo)的風(fēng)格和配色后即可一鍵拖拽使用,相比以往去網(wǎng)站找圖標(biāo)、下載、導(dǎo)入工具、再修改的繁瑣步驟,大大提升日常設(shè)計(jì)效率!

七、Pexels

日常需要使用一些圖片,到處搜索瀏覽器來(lái)回切換,好不容易找到還不知道能不能商用,下載到電腦弄得桌面密密麻麻,過(guò)程耗費(fèi)精力。

Pexels內(nèi)置豐富的圖片資源,都是可商用的免費(fèi)的高清素材,素材豐富而又多元,滿足日常所有需求。Pexels插件配置在Pixso設(shè)計(jì)界面,在界面搜索就能調(diào)用,無(wú)需下載高效便捷獲取想要的圖片。

八、字體替換

有時(shí)在使用一些 UI 設(shè)計(jì)模板時(shí),剛打開(kāi)的文件會(huì)提示「字體缺失」,或是模板中使用的字體不是自己喜歡的,就需要先對(duì)字體進(jìn)行替換。

對(duì)于這兩種場(chǎng)景,Pixso 新增的「字體替換」插件,可以讓我們一鍵批量更改文件的字體。

字體替換插件會(huì)自動(dòng)讀取文件中用到的所有字體,在右側(cè)選擇替換后的字體名稱,而且可以設(shè)置不同的字重,調(diào)整好參數(shù)后,點(diǎn)擊下方的「替換」按鈕就可以一鍵更換字體。

九、色板

設(shè)計(jì)時(shí)會(huì)不會(huì)遇到配色的難題,色值的選擇更是犯起了糾結(jié)癥,色板內(nèi)置大廠設(shè)計(jì)配色方案,精選主流配色方案,內(nèi)置豐富的顏色供你借鑒選擇,幫你輕松設(shè)搭配好看的顏色。

十、圖片取色

我們想獲取一張圖片的配色,很難從肉眼來(lái)找出獲取,從色盤(pán)中找到對(duì)應(yīng)顏色,不僅費(fèi)時(shí)費(fèi)力,效果還不怎么好。

Pixso內(nèi)置圖片取色插件,僅需將圖片導(dǎo)入,一秒鐘呈現(xiàn)圖片配色方案,并自動(dòng)提取到調(diào)色板中,我們可以根據(jù)配色填充顏色,快速形成自己的配色風(fēng)格!

目前,Pixso插件廣場(chǎng)正處于起步階段,未來(lái)Pixso還會(huì)不斷優(yōu)化,上線更多優(yōu)質(zhì)的內(nèi)容,也希望有意向的開(kāi)發(fā)者,可以加入Pixso插件生態(tài)的構(gòu)建,為本土化設(shè)計(jì)設(shè)計(jì)生態(tài)做出貢獻(xiàn)!


聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見(jiàn)及觀點(diǎn)。

全部評(píng)論

暫無(wú)相關(guān)推薦