對于想學習UI設計的童鞋們來說，設計小工具必不可少！今天給大家推薦幾個超實用的設計和開發工具，包括了圖標、組件、字體等等，快來收藏吧！

The Good Line-Height

當你上手用過 The Good Line-Height 之后，就很難離開這款給力的文本排版工具了，它可以快速便捷地幫你計算出使用什么樣的字體、什么大小、使用什么樣的行高是最理想的效果。

Link-to-QR

使用二維碼來分享是一件非常便捷的事情，你可以將 Link-to-QR 這款工具嵌入到你的代碼當中，就可以快速生成可供分享的二維碼，而且樣式還是可調整的。

Quarkly

Quarkly 是一款可以幫你創建響應式網站的程序，你隨時可以打開編輯器編輯代碼，修改網站的細節，并且改動是實時的。這款工具的特點在于對設計更加友好，目前處于Beta 階段。

UnSpam.email

這是一款在線的垃圾郵件測試工具，它所提供的服務是能夠幫你分析郵件的內容，確保它們不是垃圾郵件，并且通過熱圖來呈現預測結果。

Filmstrip

Filmstrip 可以幫你創建和導入關鍵幀動畫，可以導出并且在線播放。這一工具各方面都非常符合現代的動畫和動效的需求。

CSS Background Patterns

CSS Background Patterns 是一款包含了很多時髦設計的背景圖案，你只需要稍加調整就可以應用到你自己的網站當中。

Neonpad

Neonpad 是一款簡單但是有趣的霓虹色純文本編輯器，切換不同的色調可以獲得不同的寫作體驗。

Link Hover Animation

Link Hover Animation 是一個非常獨特的懸停狀態動畫——它會在鏈接上畫一個圈！

Tint and Shade Generator

這是一個色調和明暗生成器，當你擁有基礎色的時候，這款工具能夠幫你生成輔助基礎色的相關顏色，比如當你制作漸變色的時候，可以借用它生成的色階。

Pure CSS Product Card

Pure CSS Product Card 是一個使用純CSS 寫的卡片界面，它是一個電商領域的設計范例，兼顧了視覺吸引力和功能性。

Free Favicon Maker

這是一個免費的小圖標制作工具，你可以通過簡單的點擊就快速制作出 SVG 和 PNG 格式的圖標，你可以設置字母也可以設置表情符號，自由度很高。

Ultimate Free iOS Icon Pack

這個小圖標合集是 Apple 風格的，每個圖標都包含黑白的版本，有原始的 PSD 文件，在它的幫助下你可以在幾分鐘內就創建一組適合于你的 iOS/iPad OS/macOS應用的圖標，完全免費。

Phosphor Icon Family

Phosphor 是一個非常靈活的圖標系列，可以用于你需要圖標的絕大多數場合，從聊天界面到企業LOGO，不一而足。這組圖標是完全免費的。

3,000 Hands

這個工具包包含了 3000 款不同的手型，包括 6 種不同的膚色，不同的手勢總計10個不同的角度。它們有著典型的 3D 視覺風格，而在使用的時候，它是 PNG 的格式。

Radix Icons

Radix Icons 是一個 15 x 15 px 的小圖標合集，這些圖標都是線性圖標的樣式，并且有著多種不同的格式，包括 Figma、Sketch、iconJar、SVG、npm 乃至于 Github。

Deepnote

Deepnote 是一款全新的數據科學筆記本工具，它與 Jupyter 兼容，可以實時協作，可以在云中運行，并且是為科學團隊設計的。

ZzFXM Tiny JavaScript Music Generator

ZzFXM 是一個超小的 JavaScript 函數，從各種音符到不同的樂器數據都包含其中，這個超小的 ZzFXM 是為那些空間受限的音樂相關的產品所設計的。

Image Tiles Scroll Animation

這是一種非常有趣的水平滾動樣式生成工具，在這個工具的幫助下，可以創建有趣平滑的動畫效果。

Bubbles

Bubbles 是一款 Chrome 擴展，它可以讓你單擊屏幕的任何位置來添加評論，并且和任何人進行對話、協作。

Tyrus

Tyrus 來自 Airbnb 團隊的一個工具包，它可以幫助插畫師更加充分的拓展自身的設計業務。這款工具包能夠給你提供設計簡介、獨創的展示，設置截止日期并且提供合理的反饋機制。

PatchGirl

PatchGirl 是一款面向開發人員的自動質量檢測工具，你可以結合 SQL 和 HTTP 查詢來快速構建任何可能的狀態。

Apparel

Apparel 是一款漂亮的、高級的字體，有著風格現代的襯線和良好的功能性，特別適合用在品牌設計當中。

Christmas Story

Christmas 是一個有著圣誕節氛圍的字體，有著長長的尾巴和筆觸。

Nafta

Nafta 是一款有趣的手寫風字體，有著類似于記號筆一樣的筆觸樣式。

Safira

Safira 是一款相對比較寬的襯線字體，有著扎實的筆觸和良好的時尚感，圓形的端點是它最富有特征的地方。

Shine Brighter Sans

Shine Brighter Sans 是一款超細的非襯線字體，它在氣質上顯得頗為輕松有趣，且易于展示。

云和數據作為一個深耕IT職業教育多年的教育者，目前的課程涵蓋云計算、大數據、人工智能、虛擬現實、軟件工程、用戶體驗設計、網絡安全、電子商務等八大方向，結合企業實際用人需求，只為培養更多高端IT技術人才。

聲明：除云和數據原創文章外，分享和轉載的文章皆為促進IT技術的傳播，并不代表本微信贊同其觀點和對真實性負責，僅做交流學習使用，非商業用途。如有文章或圖片的原作者有異議或涉及版權問題，請立即聯系我們，我們將在第一時間進行改正或刪除，確保您的權益，謝謝支持！