2020年12月超實用設計幹貨大合集

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

Everypixel Patterns

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

Multiavatar

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

Lobe

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

Laser Cat

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

Pattern Collect

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

FarbVelo

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

CSS Clip Path Editor

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

Responsive & Configurable SVG Waves

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

Veed

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

Overlay

Overlay 是一款可用於 Figma 和 Sketch 的插件，可以講組件和 Symbols 轉化為幹淨且可重複使用的 React、Vue 或者 HTML 代碼。它可以讓你像素完美地創建網站和設計係統。

List.js

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

What Are Design Tokens?

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

SVG Path Editor

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

Operator Lookup

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

Beacon

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

Plaiceholder

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

Machine Translation

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

Draggable Blend Generator

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

Jam Wand

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

Boost UI Kit

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

Romanizer

Romanizer 是一款有趣的遊戲，能夠測試你對於羅馬數字的認知程度。

Itmeo Market

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

Bellmoco Handcola

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

Bondie

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

Bovino

Bovino 是一款展示性較強的襯線字體，非常的整齊莊重，可免費供個人使用。

Estilistica

Estilistica 是一款風格現代、筆觸纖薄的無襯線字體，有著流暢的線條和形式感極強的外輪廓，可以免費供個人使用。

來源：優設網

作者：CARRIE COUSINS