12月的設(shè)計(jì)圈實(shí)用干貨工具大合集來(lái)了！年底這波干貨匯集了不少頗為有趣的工具，無(wú)縫圖案創(chuàng)建工具可以幫你省去很多圖案創(chuàng)建過(guò)程中的麻煩，而微軟的機(jī)器學(xué)習(xí)工具干脆就是一個(gè)次世代的「設(shè)計(jì)和開發(fā)工具」，另外，字體、圖庫(kù)、UI套件等常見(jiàn)素材也沒(méi)有缺席，具體往下看看吧：

Everypixel Patterns

Everypixel Patterns 可以幫你解決一個(gè)常見(jiàn)問(wèn)題：創(chuàng)建無(wú)縫的圖案。在以往，你需要花費(fèi)很多時(shí)間確保創(chuàng)建的圖案可以無(wú)限延伸，而這款工具能夠幫你徹底搞定這個(gè)問(wèn)題。

Multiavatar

Multiavatar 是一個(gè)免費(fèi)開源的多文化背景的頭像制作工具，你輸入你關(guān)心的關(guān)鍵詞或者內(nèi)容， 它就可以幫你生成頭像，完全免費(fèi)。

Lobe

Lobe 是一個(gè)來(lái)自 微軟 的機(jī)器學(xué)習(xí)程序，它可以幫你創(chuàng)建不同的機(jī)器學(xué)習(xí)訓(xùn)練模型。當(dāng)然你需要首先向這個(gè)工具展現(xiàn)你想訓(xùn)練的 APP 或者代碼，這樣它才能為你創(chuàng)建訓(xùn)練模型。這款工具非常容易理解，你不需要有豐富經(jīng)驗(yàn)就可以上手使用。

Laser Cat

Laser Cat 是一個(gè)相當(dāng)有意思的 Chrome 插件，它可以在瀏覽器當(dāng)中添加一個(gè)卡通貓咪，如果你想把某個(gè) 網(wǎng)頁(yè)中的元素給去掉，那么貓咪會(huì)用激光眼干掉它~

Pattern Collect

Pattern Collect 是一個(gè)來(lái)自各種插畫師和設(shè)計(jì)師的圖案合集，你可以下載用于設(shè)計(jì)，也可以提交自己設(shè)計(jì)的圖案進(jìn)去。這個(gè)圖庫(kù)是可搜索的。

FarbVelo

FarbVelo 是一款全新的配色方案生成工具，每次刷新都可以生成隨機(jī)的新方案，配色非常有趣，而且可以便捷地應(yīng)用到各種不同的設(shè)計(jì)項(xiàng)目中。

CSS Clip Path Editor

CSS Clip Path Editor 是一個(gè)非常炫酷的 CSS 路徑編輯工具，可以將圖像快速地剪切成你要的形狀路徑，它有很多內(nèi)置的選項(xiàng)供你選擇，你也可以自己編輯。

Responsive & Configurable SVG Waves

這是一款頗為實(shí)用的 SVG 工具，讓你可以非?？焖俚鼐庉嫼蜕刹ɡ耸降?SVG 背景。

Veed

Veed 是一款讓你可以使用 REST API 在云服務(wù)中托管、編輯、和交付視頻內(nèi)容。它可以和任何瀏覽器、設(shè)備進(jìn)行結(jié)合使用，即使是要和大量視頻內(nèi)容結(jié)合起來(lái)使用也不會(huì)有太大壓力。

Overlay

Overlay 是一款可用于 Figma 和 Sketch 的插件，可以講組件和 Symbols 轉(zhuǎn)化為干凈且可重復(fù)使用的 React、Vue 或者 HTML 代碼。它可以讓你像素完美地創(chuàng)建網(wǎng)站和設(shè)計(jì)系統(tǒng)。

List.js

List.js 是一款面向表格、表單以及其他 HTML 元素，用來(lái)增加搜索、分類、篩選等功能的庫(kù)，它可以以后臺(tái)運(yùn)行的形式存在，并且非常易于安裝和使用。

What Are Design Tokens?

你無(wú)論是設(shè)計(jì)師還是開發(fā)者，都很有可能會(huì)接觸到「Design Tokens」這一術(shù)語(yǔ)。近年來(lái)，在設(shè)計(jì)系統(tǒng)當(dāng)中，總不可避免地要用到這個(gè)東西，來(lái)講UI控件和元素進(jìn)行語(yǔ)義化的命名，方便設(shè)計(jì)和開發(fā)。而這篇文章，就是講解這一概念和應(yīng)用的。

SVG Path Editor

這是一個(gè)非常好用的 SVG 元素編輯器，它可以讓SVG文件編輯更加方便和易于管理。

Operator Lookup

Operator Lookup 是一個(gè)非常好用的開發(fā)人員工具，只需要搜索框當(dāng)中輸入 JavaScript 運(yùn)算符，就可以快速了解相關(guān)的功能和信息。當(dāng)然你還可以快速?gòu)南路降奶摂M鍵盤上輸入。

Beacon

Beacon 是一個(gè)幫你在 Slack 當(dāng)中進(jìn)行讀寫和分享的 SQL 工具，它可以讓協(xié)作變得簡(jiǎn)單易行，并且可以在平臺(tái)上快速進(jìn)行處理、調(diào)試，并解決問(wèn)題。

Plaiceholder

Plaiceholder 使用純CSS或者 SVG ，將圖片轉(zhuǎn)換為輕量級(jí)的占位符。

Machine Translation

這是一個(gè)云端 API，可以針對(duì)本地的服務(wù)器和 SDK 進(jìn)行翻譯，可以大量集成在各種各樣的服務(wù)和案例當(dāng)中，支持110種不同的語(yǔ)言。

Draggable Blend Generator

Draggable Blend Generator 是一款非常方便的工具，你只需要簡(jiǎn)單的拖拽就可以修改背景和前景的混合模式，便于你可以實(shí)時(shí)查看更改，而你需要做的，就是輸入 Url 就可以開始使用了。

Jam Wand

Jam Wand 是一個(gè)非常有趣的「魔棒」，它可以快速幫你修改網(wǎng)站上的文本。在使用的時(shí)候，你只需要快速點(diǎn)擊文本，編輯，然后提交到 Github 倉(cāng)庫(kù)合并就好了。

Boost UI Kit

Boost UI Kit 是一款 UI 元素和組件的合集，這些元素和組件通常有著明亮通透的樣式來(lái)幫你制作網(wǎng)頁(yè)和其他的 UI 項(xiàng)目，它可以和 Figma 集成起來(lái)使用。

Romanizer

Romanizer 是一款有趣的游戲，能夠測(cè)試你對(duì)于羅馬數(shù)字的認(rèn)知程度。

Itmeo Market

Itmeo Market 是一個(gè)在線的樣機(jī)商店，其中包含有大量可用的樣機(jī)模板，其中包含有 LOGO 元素、UI Kit、Ins模板、網(wǎng)頁(yè)模板等。

Bellmoco Handcola

Bellmoco Handcola 是一款風(fēng)格漂亮的裝飾性字體，帶有有趣的襯線和筆觸，免費(fèi)版僅供個(gè)人使用。

Bondie

Bondie 是一款手寫字體，不過(guò)字母內(nèi)部的空間都被填滿了，樣式比較獨(dú)特。這款字體可供個(gè)人免費(fèi)使用。