不出意外,這應(yīng)該是 2019 年最后一波設(shè)計(jì)師干貨合集了!這一次,我們匯集了 27 款超級(jí)實(shí)用的設(shè)計(jì)工具,包括在 XD 中快速生成配色方案的工具 Happy Hues ,幫助設(shè)計(jì)師在 Figma 和 Sketch 中快速構(gòu)建用戶流程的工具 Flowkit 3.0 等等。這些設(shè)計(jì)工具都是經(jīng)過(guò)驗(yàn)證的好東西,覆蓋了視覺(jué)、UI、體驗(yàn)等多個(gè)領(lǐng)域,希望能給你幫助!

?? 插畫與配色工具

1.?illustrations →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

我知道你們超喜歡開(kāi)源免費(fèi)的圖庫(kù)資源!所以,這套免費(fèi)的插畫圖包一定要試試!這是由設(shè)計(jì)師 Vijai Verma 在進(jìn)行 100 天設(shè)計(jì)挑戰(zhàn)過(guò)程所制作的插畫作品,每幅插畫都有 SVG、ai、EPS、png 四個(gè)主流格式,趕緊收藏吧!

2.?Happy Hues →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

還是糾結(jié)配色的問(wèn)題?Child Mackenzie 所創(chuàng)建的這個(gè)名為 Happy Hues 插件可以讓你簡(jiǎn)單快樂(lè)地創(chuàng)建配色,使用配色,幫你專注于在項(xiàng)目中運(yùn)用配色。

3.?Smash Illustrations →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

Smash Illustrations 是一個(gè)免費(fèi)的角色插畫包,其中包含總計(jì) 45 個(gè)不同的角色,200 多個(gè)不同的物品和背景,20個(gè)不同的場(chǎng)景,你可以在任何項(xiàng)目中輕松使用。

4.?Figma Color Search →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

這是 Joel Califa 所創(chuàng)建的一個(gè) Figma 可用的色彩查找插件,它可以找到幾乎任何色彩。每次搜索結(jié)果都會(huì)顯示 5 種色彩,選擇你心儀的色彩,應(yīng)用到你的設(shè)計(jì)當(dāng)中吧!

5.?Drawer →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

這是一個(gè)高素質(zhì)的 Lottie 動(dòng)畫 和 SVG 插畫合集,它是完全可定制的,因此你可以輕松地為不同的項(xiàng)目選擇不同的素材。

?? 字體、LOGO 和圖標(biāo)

1.?Simple Icons →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

這是一組給流行品牌所制作的 SVG 格式圖標(biāo)。Simple Icons 是一個(gè)完全開(kāi)源的項(xiàng)目,其中包含 100 多個(gè)著名品牌的矢量 LOGO。

2.?Invisible Line →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

這是一個(gè)富有創(chuàng)意的迷你編輯器,讓你充分玩轉(zhuǎn)文字對(duì)齊效果,就像《Informal》(異規(guī))這本書中所描述的那樣。只要你輸入文本,就能自動(dòng)生成不同的樣式,選擇你所喜歡的樣式,就可以了!

3.?FontPairings.ByPeople →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

FontPairings 是一款可以幫你輕松找到各種被精心挑選的字體組合的工具。你可以在預(yù)設(shè)的字體組合當(dāng)中尋找你喜歡的組合,然后應(yīng)用到設(shè)計(jì)當(dāng)中去。

4.?Figma Logo Creator →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

裝上這款插件,在不離開(kāi) Figma 的前提下,直接尋找各種 LOGO 設(shè)計(jì)靈感。此外,LOGO Creator 當(dāng)中還帶有 50 多種不同的 LOGO 造型,基于它們來(lái)創(chuàng)建自己的 LOGO 吧。

?? UI 套件

1.?Root UI Kit →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

Root 是專門為 Figma 和 Sketch 專門設(shè)計(jì)的一套 UI 套件,試試它,你會(huì)發(fā)現(xiàn)創(chuàng)建一個(gè)項(xiàng)目從未如此簡(jiǎn)單!

2.?Flowkit 3.0 →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

這套名為 Flowkit 的 UI 套件是由 Matt Smith 所創(chuàng)建,它能幫你快速創(chuàng)建用戶流程,它的每個(gè)版本都會(huì)智能地微調(diào)整個(gè)規(guī)則,盡量兼容 Figma、Sketch 和 XD。

3.?Adaptiff →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

Adaptiff 是一套能夠?yàn)槟愕木W(wǎng)站進(jìn)行自適應(yīng)匹配的 UI 套件,它是專門為非設(shè)計(jì)師所準(zhǔn)備的套件,上手方便!如果你是開(kāi)發(fā)者或者文案,但是有設(shè)計(jì)需求,那么不妨試試它。

?? 原型設(shè)計(jì)工具

1.?Vectary Photon →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

想要把你的設(shè)計(jì)變成逼真的 3D 圖形?用 Vectary Photon 就行了!它可以一鍵生成質(zhì)量超高的視覺(jué)效果,你完全無(wú)需學(xué)習(xí)復(fù)雜的 3D 軟件。

2.?Vectary for Figma →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

當(dāng)然,如果你想在 UI 的過(guò)程中就直接生成 3D 效果,借助 Vectary 也是可以的!你只需要裝上這個(gè) Vectary for Figma 的插件即可!

3.?Wireframe for Figma →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

這是一個(gè)可以幫你制作精美線框圖和原型的插件,非常實(shí)用,不需要太多其他的東西。

4.?Pastryy →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

這是一個(gè)幫你獲得設(shè)計(jì)反饋和建議的工具,只需要將你的設(shè)計(jì)上傳到 Pastryy 平臺(tái),就會(huì)有設(shè)計(jì)師給你提供反饋。這里的設(shè)計(jì)師有超過(guò) 5 年的設(shè)計(jì)工作經(jīng)驗(yàn),每月 10 美元你就能獲得無(wú)限多的反饋和建議。

?? 設(shè)計(jì)系統(tǒng)

1.?Universe Design System →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

Universe 是一個(gè)為 Sketch 所準(zhǔn)備的設(shè)計(jì)系統(tǒng)。使用這套 設(shè)計(jì)系統(tǒng)可以更快的提高工作流程和設(shè)計(jì)效率,避免設(shè)計(jì)中的不一致的問(wèn)題,特別適合團(tuán)隊(duì)協(xié)作使用。

2.?Diez →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

Diez 是 Haiku 所創(chuàng)建的一個(gè)開(kāi)源項(xiàng)目,也是給開(kāi)發(fā)人員的工具包,讓你可以在本地和網(wǎng)站之間保持一致的視覺(jué)樣式。

?? 樣機(jī)

1.?Artboard Studio for Figma →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

這是一個(gè)包含有大量樣機(jī)模型庫(kù)的 Figma 插件,它可以用來(lái)創(chuàng)建視覺(jué)稿樣機(jī),自定義框架,然后渲染輸出,非常好用。這是 Hooman Askari 和 Mucahit Gayiran 所創(chuàng)建的項(xiàng)目。

2.?Angle 3 Mockups →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

Angle 3 是一套矢量樣機(jī),它包含了 Figma、Sketch 和 XD 可用的插件版本。你可以借助它創(chuàng)建完美的展示樣機(jī),非常輕松自定義。

? 設(shè)計(jì)與代碼

1.?Unicorn Platform v2.0 →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

這是一個(gè)創(chuàng)建高端著陸頁(yè)的工具,你完全不需要代碼,就可以構(gòu)建出漂亮的網(wǎng)站。無(wú)論你本身使用的是 Saas、移動(dòng)端APP還是桌面端軟件,它都可以對(duì)接上,無(wú)需代碼。

2.?Adalo?→

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

Adalo 是一個(gè)無(wú)需代碼就可以將設(shè)計(jì)實(shí)現(xiàn)的工具,幫你將想法轉(zhuǎn)換為一個(gè)真實(shí)的應(yīng)用。你可以使用托拽在 Adalo 中構(gòu)建 APP 的界面,然后像原型制作工具一樣,將功能和頁(yè)面鏈接到一起。它還有類似后端數(shù)據(jù)庫(kù)一樣的表格,存儲(chǔ)所有的數(shù)據(jù)。

3.?Flawless 3.0 →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

Flawless 是一款連接設(shè)計(jì)和開(kāi)發(fā)的可靠工具,如今正式發(fā)布了 3.0 的版本。新版讓 iOS 開(kāi)發(fā)者可以在 iOS 模擬器當(dāng)中將真實(shí)的 APP 和原始的設(shè)計(jì)進(jìn)行對(duì)比。

??? 趣味工具

1.?Figma Ninja →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

在 Figma Ninja ,你可以通過(guò)類似游戲體驗(yàn)的過(guò)程,來(lái)提升你的 Figma 設(shè)計(jì)技能。Figma Ninja 能幫你學(xué)習(xí) Figma 基礎(chǔ)知識(shí),并且提升效率做設(shè)計(jì)。

2.?Creatures →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

如果你想在 Sketch 或者 Figma 當(dāng)中為自己創(chuàng)造一個(gè)獨(dú)特的小怪獸,那么你可以用這個(gè) Creatures 的插件來(lái)實(shí)現(xiàn)。

3.?Flow Lines →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

Flow Lines 是一個(gè)了不起的開(kāi)源 SVG 生成器,這款由 Maks Surguy 制作的工具,可以使用數(shù)學(xué)公式創(chuàng)建各種藝術(shù)品,趕緊試試!

4.?Campfire →

走過(guò)路過(guò)不要錯(cuò)過(guò)!2019年最后一波實(shí)用設(shè)計(jì)工具大合集!

Campfire 是一個(gè) Pinterest 的替代品,也是一個(gè)獲得設(shè)計(jì)靈感的好地方。

如果這些干貨依然滿足不了你,那么不妨看看往期干貨:

收藏 330
點(diǎn)贊 46

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。