螞蟻金服出品，非常著名的框架。就算你不了解前端，也會在公司的項目中多少聽到程序員說起過。目前很多公司都在用，已經很成熟。而且提供了對設計師友好的 Sketch 規范文件，可以直接拿來用。
Ant Design 是基於 React 開發的，並不是傳統的 html。React 起源於 Facebook 的內部項目，現在已經成了一個很流行的開發工具。
理想的項目開發流程是，設計師和程序員一起熟悉 Ant Design 的各種樣式，設計師不再隨意設計，而是基於框架的基礎樣式進行設計創新。這樣程序員在進行 UI設計稿還原的時候，能極大提高開發效率。
現在很多項目都使用了 Ant Design，一些公司在招聘 UI設計師的時候甚至會寫上：了解 Ant Design 規范的優先考慮。所以這個框架建議設計師都好好看一下。
Bootstrap 是 Twitter 推出的一個用於前端開發的開源工具包，是一個 CSS/HTML 框架，目前世界上的很多網站開發都使用了這個。其中的柵格理論、響應式解決方案都變成了業界的參考規范。
很多設計師在學前端的時候，都會接觸到這個框架，甚至培訓機構有專門的課程，所以重要性可見一斑。
Taro UI，一套基於 Taro 框架開發的多端UI組件庫，可以在微信小程序/H5/ReactNative 等多端適配運行。京東用戶體驗設計部的凹凸實驗室出品。
現在一個產品要求在 iOS、安卓、小程序、h5 等多端運行，針對不同的客戶端開發不同的代碼會產生巨大的成本，這時候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。
使用 Taro，就可以只寫一套代碼，再通過 Taro 的編譯工具，將源代碼分別編譯出可以在不同端（微信小程序、H5、RN等）運行的代碼，節約成本。
一套基於 Vue.js 的高質量 UI組件庫。Vue.js 是一個 JavaScriptMVVM 庫，是一套構建用戶界面的漸進式框架。
在網站中可以看到數量眾多的 UI組件和對應代碼，本質上和我們制作 UI規范是一樣的。
網站鏈接：https://l-ui.com/
LuLu UI，是一個基於 jQuery，針對 PC 網站，兼容 ie8、ie7 的前端 UI 框架，包含很多靜態或動態 UI 組件。對設計師非常友好，只需要簡單的 html、css 知識就能快速上手使用。
區別於 Ant design 面向中后台開發，LuLu UI 非常適合面向外部用戶的網站開發。會簡單的 HTML 和 jQuery 就可以上手了，不像一些流行框架，需要較多的學習成本。
QMUI，騰訊出品，分為 Web、iOS、安卓三個端，都有相應的 dome 下載安裝，設計師可以下載安卓和 iOS 應用，經常看看里面的組件，熟悉后，和技術的協作會更有效率。
網站鏈接：http://element-cn.eleme.io/#/zh-CN
餓了么出品，一套為開發者、設計師和產品經理准備的基於 Vue 2.0 的桌面端組件庫，很適合開發后台產品。有意思的是里面的默認圖文數據很多都是食物……
阿里推出的一個適合設計、技術共同使用的設計規范框架。基本目的也是為了讓設計師在一個標准框架內設計界面，同時也提供了 Sketch 插件，讓設計的組件直接轉化為代碼，技術直接調用。
網站鏈接：https://weui.io/
WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信內網頁和微信小程序量身設計，令用戶的使用感知更加統一。
這個小巧的框架提供了微信頁面常用的組件，我們在設計微信風格的項目時，可以參考使用。
網站鏈接：http://www.framework7.cn/
一個簡單、免費的 HTML 框架，主要用來構建移動端 web 應用，分為 iOS 和安卓兩種風格。
其本身的結構非常簡單，使用了最基礎的 html、css 和 js 構建，很容易上手使用。也可以用來作為原型開發工具，迅速創建一個應用的原型。
此外還有很多其他的前端框架，以上10個框架其實不需要設計師非常深入去了解，最基本的要求是設計師對其內容、樣式、組件有個大致的認知即可。在和技術協作的過程中，知道哪些組件不需要額外設計，哪些組件可以進行樣式擴展。
就比如設計師去學習前端，並不是去代替前端的工作，而是對 UI 界面有個更深層次的認知，設計的同時會考慮到界面的交互性、擴展性、可用性。猶如庖丁解牛，透過表象看到結構本質，提高自己的界面把控能力。