2019年9月設計圈超實用干貨大合集

雖然近期令人眼前一亮的新工具沒有那么多，但是很多已有的工具在迭代更新的新版本，也非常的強大，令人眼前一亮。這些工具從提升設計工作流程，到創(chuàng)意設計，都有著不俗的效果。除此之外，這個月的設計圈干貨大合集，還涵蓋了各種時髦的字體等必備的干貨素材，別錯過啦~

原型設計工具Quark

如果你是一名平面設計師，Quark 可能并不是你想要的工具。這是一個基于 HTML、CSS 和 JS 來創(chuàng)建設計項目的工具，它的界面是專門為快速開發(fā)和創(chuàng)建原型而設計的，你可以拿它快速創(chuàng)造和生成應用。

圖片編輯器Doka

Doka 是一款瀏覽器中使用的照片編輯器。它可以非常快捷地裁剪、調(diào)整圖片的大小比例，還包含有幾個簡單的濾鏡。它可能是目前最好用、便捷的照片編輯工具之一。

可復制配色方案 Copy Palette

Copy Palette 可以幫你生成最優(yōu)雅的單色配色方案。選擇基本色之后，它會自動匹配上其他的顏色，控制好對比度，就可以生成在 Figma 與 Sketch 中可用的 SVG 配色方案，簡單復制粘貼即可使用。

表單生成器 Summit Form

Summit Form 是一個托拽式的在線表單生成器，你可以在你的網(wǎng)站上嵌入表單，或者借助鏈接嵌入到郵件和社交媒體上。它非常易于使用，如果你想不借助代碼構建表單，那么這是一個不錯的選擇。雖然它是付費的，但是價格很低。

SVG to JSX 轉換器

SVG to JSX 是一個實用性很強的插件，借助它你可以在 Figma 當中復制 SVG 代碼當作 React 組件來使用。它非常好用，右鍵點擊就可使用。

圖片馬賽克工具 Tiler

Tiler 是一個非常有趣的工具，它可以將小圖片作為馬賽克塊組合成為大圖片。在這個過程中，你可以控制圖片大小以適應你的需求，并且可以挑選你喜歡的樣式，包括圓圈、線條、樂高等不同的樣式。

Can I Email?

有一些工具，是直到你真正碰到它的時候，才意識到你有多需要它。而這個 Can I Email 就是這樣的工具。關于電子郵件，將你想知道的關鍵詞輸入到它的輸入框里面，你就會知道哪些客戶端支持這些功能。

身份驗證工具 UseAuth

UseAuth 為你提供了一種將身份驗證添加到 React 應用的簡單方法，它使用 AuthProvider 組件進行配置，并且讓組件之間能夠共享狀態(tài)，包括用戶、登錄表單和重新定向等，麻煩的工作它都替你完成了。

線框圖工具 Fragments iOS Wireframe Kit

Fragments 是一款 iOS 線框圖工具套件，適用于 Sketch，可以用于移動端程序開發(fā)。它包含 370 種布局，10 個門類，基于嵌套符號來實現(xiàn)所有的這些東西。你可以先試試它的免費版本，其中只包含 25 屏的界面。

動畫工具 SVG Artista

SVG Artista 這款工具幫你簡化了 SVG 動畫的制作過程，它是基于 Animista.net 的動畫來開發(fā)的。它的動畫使用的是純粹的 CSS 轉 SVG 圖像技術，結合最合理的直線、圓、多邊形和路徑，一同使用。這并非是一款非常完整系統(tǒng)的動畫工具，但是它適用于快速生成動畫。

創(chuàng)意工具 The Most Dangerous Writing App

這是一個非常有趣的游戲。如果你在游戲過程中，有超過5秒沒有繼續(xù)打字，就會逐漸脫離進度，失敗。聽起來很難玩，但卻是個非常有趣的創(chuàng)作工具。

抽象圖庫 Abstract Illustrations

Abstract Illustrations 是一個可以用于不同項目的矢量抽象插畫合集，你現(xiàn)在在很多設計項目中都會看到類似的趨勢。

光感工具 Day/Night Ambient Animation

你是否想過要根據(jù)光照水平來控制網(wǎng)站的視覺效果？現(xiàn)在你可以了，現(xiàn)在越來越多的人開始使用 Ambient Light API 來實現(xiàn)這樣的功能。

圖表工具 Chart.xkcd

Chart.xkcd 是一個能夠生成手繪樣式圖表的工具，你只需要使用網(wǎng)站中所包含的腳本以及 SVG 節(jié)點來渲染即可。

沙雕工具 Friend NDA Generator

所謂 Friend NDA Generator 是一個非常沙雕的工具，它可以生成一個朋友之間的保密協(xié)議，確保彼此之間可以共享秘密。這是對數(shù)字時代的諷刺。

預加載插件 Flying Pages

Flying Pages?是一個 WordPress 插件，可以在用戶點擊之前預加載頁面，這樣能夠讓用戶操作的時候，感覺速度更快。它會使用少量的 JS 在瀏覽器空閑的時候預加載。

條款生成器 Terms and Conditions Generator

這是一個能夠生成專業(yè)條款的條款生成器，幫你更好地保護你的內(nèi)容。這款工具是可拓展的，適用于簡單的博客和電子商務領域的內(nèi)容，可以在超過100個不同的國家和地區(qū)使用。

Camar 字體

Camar 是一款裝飾藝術風格的復古字體，可以用于展示，字體包括有大寫字符，數(shù)字，以及帶有時髦感覺的標點符號。

Florista 字體

Florista 是一款優(yōu)雅的手寫字體，線條簡潔，筆觸有趣。

Fox Cavalier 字體

Fox Cavalier 是一款未來派的非襯線字體，可以作為展示性的文本和標題字體。這款字體只有大寫字母。

Leon Sans 字體

Leon Sans 是一款非常酷的幾何非襯線字體，它是由代碼實現(xiàn)的，你可以在它的 HTML5代碼中修改 Canva 元素來對它進行動態(tài)的控制。

Sporter 字體

Sporter 是一款非常炫酷的印刷用的字體，這種字體很容易讓人想起美式橄欖球。