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

Everypixel Patterns

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

Multiavatar

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

Lobe

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

Laser Cat

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

Pattern Collect

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

FarbVelo

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

CSS Clip Path Editor

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

Responsive & Configurable SVG Waves

這是一款頗為實用的 SVG 工具，讓你可以非常快速地編輯和生成波浪式的 SVG 背景。

Veed

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

Overlay

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

List.js

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

What Are Design Tokens?

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

SVG Path Editor

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

Operator Lookup

Operator Lookup 是一個非常好用的開發(fā)人員工具，只需要搜索框當中輸入 JavaScript 運算符，就可以快速了解相關(guān)的功能和信息。當然你還可以快速從下方的虛擬鍵盤上輸入。

Beacon

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

Plaiceholder

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

Machine Translation

這是一個云端 API，可以針對本地的服務器和 SDK 進行翻譯，可以大量集成在各種各樣的服務和案例當中，支持110種不同的語言。

Draggable Blend Generator

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

Jam Wand

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

Boost UI Kit

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

Romanizer

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

Itmeo Market

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

Bellmoco Handcola

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

Bondie

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