作者：Sofia
來(lái)源：寫給設(shè)計(jì)（ID：ruodesign）
今天，我們來(lái)聊點(diǎn)干的吧。
有福氣的DI雪峰為諸位帶來(lái)了來(lái)自Sofia的27 份包裹，有插畫與配色工具（Illustrations and Colors），字體、LOGO和圖標(biāo)（Fonts, LOGO, and Icons），UI套件（UI Kits）等等。
01.Illustrations and Colours
02. Fonts, Logos and Icons
03. UI Kits
04. Prototyping
05. Design Systems
06. Mockups
07. Design to Code
08.Fun
這些可都是經(jīng)過(guò)驗(yàn)證的好東西，覆蓋了視覺(jué)、UI、體驗(yàn)等多個(gè)領(lǐng)域，希望能給你幫助！
是經(jīng)過(guò)驗(yàn)證的好東西，覆蓋了視覺(jué)、UI、體驗(yàn)等多個(gè)領(lǐng)域，希望能給你幫助！
?? 插畫與配色工具
我知道你們超喜歡開(kāi)源免費(fèi)的圖庫(kù)資源！所以，這套免費(fèi)的插畫圖包一定要試試！這是由設(shè)計(jì)師 Vijai Verma 在進(jìn)行 100 天設(shè)計(jì)挑戰(zhàn)過(guò)程所制作的插畫作品，每幅插畫都有 SVG、ai、EPS、png 四個(gè)主流格式，趕緊收藏吧！
還是糾結(jié)配色的問(wèn)題？Child Mackenzie 所創(chuàng)建的這個(gè)名為 Happy Hues 插件可以讓你簡(jiǎn)單快樂(lè)地創(chuàng)建配色，使用配色，幫你專注于在項(xiàng)目中運(yùn)用配色。
Smash Illustrations 是一個(gè)免費(fèi)的角色插畫包，其中包含總計(jì) 45 個(gè)不同的角色，200 多個(gè)不同的物品和背景，20個(gè)不同的場(chǎng)景，你可以在任何項(xiàng)目中輕松使用。
這是 Joel Califa 所創(chuàng)建的一個(gè) Figma 可用的色彩查找插件，它可以找到幾乎任何色彩。每次搜索結(jié)果都會(huì)顯示 5 種色彩，選擇你心儀的色彩，應(yīng)用到你的設(shè)計(jì)當(dāng)中吧！
這是一個(gè)高素質(zhì)的 Lottie 動(dòng)畫 和 SVG 插畫合集，它是完全可定制的，因此你可以輕松地為不同的項(xiàng)目選擇不同的素材。
?? 字體、LOGO 和圖標(biāo)
這是一組給流行品牌所制作的 SVG 格式圖標(biāo)。Simple Icons 是一個(gè)完全開(kāi)源的項(xiàng)目，其中包含 100 多個(gè)著名品牌的矢量 LOGO。
這是一個(gè)富有創(chuàng)意的迷你編輯器，讓你充分玩轉(zhuǎn)文字對(duì)齊效果，就像《Informal》（異規(guī)）這本書中所描述的那樣。只要你輸入文本，就能自動(dòng)生成不同的樣式，選擇你所喜歡的樣式，就可以了！
FontPairings 是一款可以幫你輕松找到各種被精心挑選的字體組合的工具。你可以在預(yù)設(shè)的字體組合當(dāng)中尋找你喜歡的組合，然后應(yīng)用到設(shè)計(jì)當(dāng)中去。
裝上這款插件，在不離開(kāi) Figma 的前提下，直接尋找各種 LOGO 設(shè)計(jì)靈感。此外，LOGO Creator 當(dāng)中還帶有 50 多種不同的 LOGO 造型，基于它們來(lái)創(chuàng)建自己的 LOGO 吧。
?? UI 套件
Root 是專門為 Figma 和 Sketch 專門設(shè)計(jì)的一套 UI 套件，試試它，你會(huì)發(fā)現(xiàn)創(chuàng)建一個(gè)項(xiàng)目從未如此簡(jiǎn)單！
這套名為 Flowkit 的 UI 套件是由 Matt Smith 所創(chuàng)建，它能幫你快速創(chuàng)建用戶流程，它的每個(gè)版本都會(huì)智能地微調(diào)整個(gè)規(guī)則，盡量兼容 Figma、Sketch 和 XD。
Adaptiff 是一套能夠?yàn)槟愕木W(wǎng)站進(jìn)行自適應(yīng)匹配的 UI 套件，它是專門為非設(shè)計(jì)師所準(zhǔn)備的套件，上手方便！如果你是開(kāi)發(fā)者或者文案，但是有設(shè)計(jì)需求，那么不妨試試它。
?? 原型設(shè)計(jì)工具
想要把你的設(shè)計(jì)變成逼真的 3D 圖形？用 Vectary Photon 就行了！它可以一鍵生成質(zhì)量超高的視覺(jué)效果，你完全無(wú)需學(xué)習(xí)復(fù)雜的 3D 軟件。
當(dāng)然，如果你想在 UI 的過(guò)程中就直接生成 3D 效果，借助 Vectary 也是可以的！你只需要裝上這個(gè) Vectary for Figma 的插件即可！
這是一個(gè)可以幫你制作精美線框圖和原型的插件，非常實(shí)用，不需要太多其他的東西。
這是一個(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)
Universe 是一個(gè)為 Sketch 所準(zhǔn)備的設(shè)計(jì)系統(tǒng)。使用這套 設(shè)計(jì)系統(tǒng)可以更快的提高工作流程和設(shè)計(jì)效率，避免設(shè)計(jì)中的不一致的問(wèn)題，特別適合團(tuán)隊(duì)協(xié)作使用。
Diez 是 Haiku 所創(chuàng)建的一個(gè)開(kāi)源項(xiàng)目，也是給開(kāi)發(fā)人員的工具包，讓你可以在本地和網(wǎng)站之間保持一致的視覺(jué)樣式。
?? 樣機(jī)
1. Artboard Studio for Figma →
這是一個(gè)包含有大量樣機(jī)模型庫(kù)的 Figma 插件，它可以用來(lái)創(chuàng)建視覺(jué)稿樣機(jī)，自定義框架，然后渲染輸出，非常好用。這是 Hooman Askari 和 Mucahit Gayiran 所創(chuàng)建的項(xiàng)目。
Angle 3 是一套矢量樣機(jī)，它包含了 Figma、Sketch 和 XD 可用的插件版本。你可以借助它創(chuàng)建完美的展示樣機(jī)，非常輕松自定義。
? 設(shè)計(jì)與代碼
這是一個(gè)創(chuàng)建高端著陸頁(yè)的工具，你完全不需要代碼，就可以構(gòu)建出漂亮的網(wǎng)站。無(wú)論你本身使用的是 Saas、移動(dòng)端APP還是桌面端軟件，它都可以對(duì)接上，無(wú)需代碼。
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ù)。
Flawless 是一款連接設(shè)計(jì)和開(kāi)發(fā)的可靠工具，如今正式發(fā)布了 3.0 的版本。新版讓 iOS 開(kāi)發(fā)者可以在 iOS 模擬器當(dāng)中將真實(shí)的 APP 和原始的設(shè)計(jì)進(jìn)行對(duì)比。
??? 趣味工具
在 Figma Ninja ，你可以通過(guò)類似游戲體驗(yàn)的過(guò)程，來(lái)提升你的 Figma 設(shè)計(jì)技能。Figma Ninja 能幫你學(xué)習(xí) Figma 基礎(chǔ)知識(shí)，并且提升效率做設(shè)計(jì)。
如果你想在 Sketch 或者 Figma 當(dāng)中為自己創(chuàng)造一個(gè)獨(dú)特的小怪獸，那么你可以用這個(gè) Creatures 的插件來(lái)實(shí)現(xiàn)。
Flow Lines 是一個(gè)了不起的開(kāi)源 SVG 生成器，這款由 Maks Surguy 制作的工具，可以使用數(shù)學(xué)公式創(chuàng)建各種藝術(shù)品，趕緊試試！
Campfire 是一個(gè) Pinterest 的替代品，也是一個(gè)獲得設(shè)計(jì)靈感的好地方。
參考來(lái)源：
https://www.prototypr.io/design-tool/santas-design-toolbox-userflows-color-palettes-design-systems/
「寫給你的信 」
PS入門全套筆記?|?Adobe CC2018 全家桶?|?CC2018最新版?|?Adobe CC2015大師版(需全部下載下來(lái))?|?Adobe安裝破解?|?設(shè)計(jì)、廣告、運(yùn)營(yíng)人必備神器?|?馬賽克拼貼圖神器?|?交互原型工具?|?交互設(shè)計(jì)入門指南?|?寫給還想入行UI設(shè)計(jì)的你?|?設(shè)計(jì)師的革命宣言?|?讓甲方漂洋過(guò)海來(lái)找你?|?為什么別人家的LOGO值800萬(wàn)？?|?你的一個(gè)小時(shí)值多少錢？
歡迎把文章分享到朋友圈
