6月的設計圈乾貨如期而至！這一期的設計乾貨有不少非常有用的實用小工具，對於喜歡鑽研前端的設計師而言，這一期的工具和素材會非常的好玩：
6月精選工具
CODEWELL
Codewell 是一項獨特的服務，可以幫你藉助真實的模板快速學習、練習和提高 HTML 和 CSS 的技能。在真實的模板之下來進行練習帶來的好處是顯而易見的，這款工具包含免費和收費的進階的版本，所有的練習都在響應式的環境下進行。
LOOMSKD
如果你需要向你的產品當中新增影片，那麼 LoomSDK 是一個相當可靠的工具，它是完全免費的，並且能夠讓使用者直接在 Web 應用中進行錄製、嵌入、檢視 Loom 影片，非常方便。
PINTR NEW IMAGE
Pinter New Image 能夠將 照片 快速轉換為時髦有趣的線條圖案，不過你需要上傳有著良好的對比度的圖片。下載生成的素材的時候，可以是 PNG 或者 SVG 格式。
TERMS & CONDITIONS APPLY
這是一個非常反常規的遊戲，它會出現大量的彈出框和小視窗，而你的任務是不要接受這些條款，拒絕通知，並且不要使用這些 Cookie，你能做到嗎？
KHROMA
Khroma 是一個使用人工智慧演算法來了解你喜歡什麼顏色，並且建立配色方案的工具，這款測試版的工具非常容易上手。
6款網路工具
MMM
MMM 是一款完全不同以往的網站搭建工具，目前尚且出於 Alpha 階段，它讓使用者可以以更加方便的方式來拖拽搭建網站。這款工具的頁面是響應式的，你甚至可以在手機上完成搭建的任務。而它更為有趣的一點在於，它鼓勵凌亂的設計。
LIGHTGALLERY
LightGallery 是一款清涼級和模組化的 JavaScript 圖片和影片相簿外掛，它可以和 React。js Vue。js Angular 以及 TypeScript 進行聯動，大量的簡報和文件確保你可以充分地利用這款工具。
VANDAL
Vandal 是一款適用於 Firefox 和 Chrome 的漂亮的瀏覽器外掛程式，讓你可以在不更改標籤的情況下快速導航。Vandal 的效果是讓使用者可以輕鬆快速地訪問所有的 URL 的快照。
CSS LAYOUT GENERATOR
CSS 佈局生成器是用來建立佈局的構成要素的 CSS 工具，它也是一個學習工具，可以教你如何在瀏覽器中定位不同的元素。
ALPACA DATA API
Alpaca Data API 是一款易於使用的工具，可以讓你快速引入股票市場的資料來進行建模，並且進行回溯和測試。
MOBILE PALETTE GENERATOR
Mobile Palette Generator 是一款顏色選擇工具，它可以幫助你為移動段設計專案選擇最合適的配色方案，確定包含主色調、次要色和強調色的全部規格。
6款圖示和 UI 套件
ICONOIR
Iconoir 是一個開源的圖示庫，包含有 900 多個 SVG 圖示，你可以透過搜尋，快速地瀏覽獲得你想要的內容。
PMNDRS MARKET
Pmndrs Market 是一款蒐集 300 多個不同的 3D 元素和物品的專案，整體渲染風格比較粗糲而逼真。
BORING AVATARS
Boring Avatars 是一個有趣的半定製化的頭畫素材合集，這些頭像因為沒有面孔而顯得頗為「無聊」。
SPARK
Spark 是一款面向 Figma 的入門級網站設計工具，其中有大量的元件是預先準備好的。
VENUS DESIGN SYSTEM
Venus Design System 是一款質感不錯的 UI Kit，其中包含有共 2000 款不同的 UI 元件和相關狀態，可以讓你快速進行設計，其中還包含一個演示版本共你在購買前進行測試和體驗。
READYUI
ReadyUI 包含 超過 200 個面向機構、開發者、初創公司的設計模組和功能，你可以藉助 Figma 和 Bootstrap 來進行編輯和修改。
5個教程
CREATING GENERATIVE SVG CHARACTERS
這是一個非常有趣的教程，教你使用 JS 和SVG 快速繪製有趣的人物角色，使用一些簡單的形狀和程式碼就可以飛快上手，你會在這個教程當中學會如何繪製平滑的線條，建立多邊形，新增有趣的形狀，在 Codepen 上有完整的演示。
5 STEPS TO FASTER WEB FONTS
這個教程教你如何在設定網頁字型的時候，對字型組合進行精簡和最佳化，Iain Bean 在教程中教你部署的方法，確保程式碼片段可以快速載入。
THE PERFECT LINK
Perfect Link 可以帶著你從 A11Y Collective 快速完成可訪問性檢測，為你演示整個最佳實踐。有很多你可能認為是「正確的事情」，你會發現它們和你想的不大一樣。這篇教程涵蓋了從設計到語法方方面面你需要知道的事情，相當全面。
READSOM
Readsom 是一個精選的設計和技術向內容的郵件訂閱合計，你可以線上閱讀，也可以註冊訂閱。它的口號是「發現你想閱讀的內容」。
FAMOUS FIRST WEBSITES
Famous First Websites 本身並不是教程，但是它是一個非常適合學習設計的地方，你在這裡可以看到你感興趣的一些網站從最初的設計逐步演進的過程，直到最新的版本。