無論是配色、原型、代碼管理、任務協作，還是圖片編輯、圖標定制，這 20 款工具幾乎覆蓋了設計師日常工作流的方方面面。收藏備用，效率翻倍！

01 Spectrum - 專業配色神器

基於 OS X 的應用，內建色彩搭配規則、取色器、色彩庫，輕松創建專屬調色盤。
🔗 官網

02 Sellbox - 讓 Dropbox 變身銷售平台

綁定 Dropbox 賬號即可售賣數字文件，PayPal 收款，僅抽 5% 手續費，無預付費。
🔗 官網

03 Pocket - 稍後閱讀神器

支援瀏覽器、郵件、300+ 應用（Twitter、Flipboard 等）一鍵存文，多端同步，通勤路上接著看。
🔗 官網

04 Wireframe.cc - 極簡線框圖工具

操作直觀，輸出漂亮，支援網頁/手機橫豎三種模板，比 Mockflow 更輕量。
🔗 官網

05 Manymo - 瀏覽器裡的 Android 模擬器

啟動快、支援 42 種螢幕尺寸與系統版本，無需安裝即可測試 App。
🔗 官網

06 Photo Raster - 線上進階圖片編輯器

圖層、濾鏡、蒙版、色彩調整一應俱全，媲美桌面軟體。
🔗 官網

07 Bitrix24 - 團隊社交協作平台

幾分鐘建立企業社交網，免費版支援 12 用戶、5GB 空間，付費版功能更強。
🔗 官網

08 Solidify - 低成本高保真原型工具

$19/月，從草圖、線框到模型快速生成可點擊跳轉的動態原型。
🔗 官網

09 IconBench - 700+ 圖標自由定制

不透明度、陰影、漸變隨心調，導出專屬圖標集。
🔗 官網

10 rwdgrid.com - 響應式網格系統

基於 960.gs，支援 1200/960/720px 及移動端斷點。
🔗 官網

11 Onlytasks - 跨平台任務管理

OS X / iOS 雙端同步，支援與 Evernote 聯動。
🔗 官網

12 WP Teacher - 教師專用 WordPress 外掛

課程整合、作業發布、通知公告、側邊欄小工具一站式解決。
🔗 官網

13 SimplyTestable - 自動化前端測試

一鍵驗證 HTML、生成總覽報告與詳細錯誤報告。
🔗 官網

14 Stride - 銷售管理利器

追蹤商機、團隊即時協作、關鍵指標儀表板，讓銷售更有條理。
🔗 官網

15 JS Library Boilerplate - JS 庫開發模板

支援 CoffeeScript、TypeScript、原生 JS，文檔完善，開箱即用。
🔗 官網

16 Bootsnipp - Bootstrap 免費元件庫

40+ 現成 HTML/CSS/JS 元件，持續更新，開發神速。
🔗 官網

17 Bonsai - 輕量級 JS 繪圖庫

內建 SVG 渲染器，支援音視頻、圖片、字體等多媒體資源。
🔗 官網

18 Fbootstrapp - Facebook 應用開發框架

基於 Bootstrap + Less，專為 Facebook iframe 應用定制。
🔗 官網

19 Brunch - 萬能前端構建工具

不限框架、資料庫、語言、模板，專注構建流程自動化。
🔗 官網

20 Deployd - 秒級 API 後端

無需模板配置，Web/移動端快速建立 REST API。
🔗 官網