這周帶來了 23 款全新的設計工具！在疫情肆掠的這個階段，希望這些優質的工具能夠幫助大家更好、更冷靜地工作和生活。這次的工具合集當中，新增了兩款頗為不錯的圖庫工具，令人眼前一亮的還有超帥的調色工具 Parametric Color Mixer 和辛普森頭像 CSS …… 下面大家仔細看看吧，總會有幾款令你心儀的工具出現！
圖標和配色工具
1. Glyphfinder→
這可能是最好的字符搜索工具。Glyphfinder 能夠幫你查找各種各樣的字符、表情乃至於相似的色彩。這個搜索引擎當中收錄了超過3萬種以上的字符，你可以輕鬆找到它們。
2. Flat Icons →
這個圖標庫包含了2萬款不同風格不同主題的圖標，當然這套圖標庫中的素材包含付費和免費的部分。這些圖標通常會提供 EPS、SVG、PDF、PNG 等常見格式。
3. Parametric Color Mixer →
想像混音器一樣調節色彩嘛？這款工具滿足你的願望！Parametric Color Mixer 是從音頻菌核去當中獲取靈感，調節精度也頗為不錯，最主要體驗非常獨特，可以試試哦~
4. CSS Color Gradient Generator →
這是一款最新的 CSS 漸變色背景工具。使用這款工具，你可以輕鬆調節色彩的亮度、深度和強度，並且根據需求進行調整，調整方向，並且複製相應的代碼，應用到自己的設計當中。
5. Hex Palette →
Hex Palette 是一款新的配色靈感來源，每日更新的成熟的配色方案，給你的設計注入截然不同的感受。當然，除此之外你還可以創建自己的配色方案。
6. Neon 2.0 →
Neon 2.0 是一款適用於 iOS 平臺的漸變配色生成工具，在 iPhone 或者 iPad 上，你可以截取任何圖像，然後將它變化為相應的配色方案和漸變色。除此之外，新版本還包括了最大程度發揮其潛質的色彩編輯和分析工具。
️ 插畫圖庫
1. Control Illustrations →
這是一套包含 108 款不同免費扁平插畫的插畫圖庫，其中包含兩種不同的樣式，免費版的圖片素材為 PNG 格式圖片，如果你需要其他格式的素材，可以獲取他們的高級軟件包，其中包含針對 Sketch、Figma 以及 AI 格式的兼容，並且附帶 9 個動畫。
2. Minty 3.0 →
Minty 3.0 是插畫師展示和銷售自己作品的平臺，如果你是插畫師，那麼可以來這裡推廣作品，獲得收益。如果你正在尋找靈感，那麼你可以來這裡尋找不同樣式的插畫，進行參考。
⚡ UI 素材合集
1. Doodle Patterns →
這是一組塗鴉合集，其中包含有 61 款不同類型的塗鴉圖案，格式為 SVG 和 AI，這些塗鴉原本都是由 Alexander Olsen 和 July Draw 手工完成，這套塗鴉素材包售價為 35美元，但是其中有 10 款是完全免費的！
2. thePenTool →
這是一個設計素材庫，thePenTool 可以為你提供相對比較完善的設計素材庫，從插畫到郵件模板，再到可視化的數據，各種內容不一而足，這個網站提供免費和收費的素材，去看看，總會有你感興趣的。
3. 89elements →
這是一套包含 200 多個常見 UI 元素的庫，89elements 涵蓋了基本的元素和佈局的內容，讓你可以輕鬆開始新的設計。除此之外，這個資源庫的類別劃分還非常的清晰，並且是免費的
4. Tetrisly→
Tetrisly 是一個用來製作線框圖和設計系統的新手工具包，其中包含了 2500 個組件，你可以從中選擇你需要的，開始著手進行設計。Tetrisly專門為 UI 和 UX 團隊而設計，可以確保視覺的一致性和協作的無縫。
原型製作
1. Faux Code Generator →
這是一個生成類似代碼片段圖片插畫的工具，有趣的地方在於它雖然是「偽代碼」插畫，但是它可以是基於真實的代碼片段來生成。
2. Fabula →
這是一個用來創建動畫和測試動畫的簡單應用。Fabula 能夠幫你調整動畫效果的參數，能夠分享相應的 Swift 代碼片段，能夠實時顯示測試結果。
趣味工具
1. The Simpsons in CSS →
現在連《辛普森一家》都已經可以用 CSS 來呈現了！這個辛普森 CSS 代碼庫絕對好玩！
2. No Code Challenges →
No Code Challenges 是一個鼓勵開發者不使用任何代碼來構建項目的平臺，每週都會公佈新的挑戰，從構建產品到工具不一而足。如果你能力足夠強，是可以贏得 100 美元獎金的！
3. Unscreen→
Unscreen 是一個為 Gif 圖和視頻去除背景的工具，你現在不用製作綠幕一樣可以去除背景了！使用方法很簡單，上傳你的視頻，讓它幫你去除背景就行了~
代碼工具
1. Spinners React →
這是一個用於 React 的 SVG 和 CSS Spinner 組件，在 React.js 中，這組自定義組件足夠流暢，且易於使用，足夠輕量級，無需依賴關係，易於識別。
其他設計資源
1. Checklist →
你是否覺得你的團隊和流程有問題？那麼這個包含針對設計和開發者的清單能幫到你，其中包含你所需要的角色和對應的流程，分別是什麼，這樣能夠確切地知道你和你的產品下一步要做什麼。
2. Startup 911 →
Startup 911 是一個給創業團隊的終極清單，其中包含了各種工具的特價、折扣的信息，這些工具涵蓋了營銷、分析、生產力等各種工具。這款工具能夠幫你省錢，並且發展好業務。
3. Corebook →
這是一本帶你走進品牌設計的好書，它旨在幫助沒有開發資源的設計師和品牌經理，幫他們來創建、維護和組織相關的數字資源，節省時間和金錢。Corebook 非常易於上手，包含品牌和UX 相關的知識，沒有無聊的大段文本，可以 HTML 導出，並且可以雲同步。
反饋和跟蹤工具
1. MarkUp→
MarkUp 是一款能夠進行反饋和協作的工具，可以直接在網站上進行實時評論，添加 URL，邀請同事和其他團隊成員在一個地方進行集中反饋。這款工具能夠讓你的反饋過程更加清晰，更加有效地管理和編輯內容。
2. Figma Tracking →
這是由 Enzo 和 Ferruccio 所構建的 Figma 跟蹤插件。它能夠幫你更加透明地跟進項目，促進部門之間的溝通，查看所需要跟進的內容，確保實施到位，並傳達給團隊。
閱讀更多 JPL設計小站 的文章
