大廠Sketch組件庫源文件
Apple UI Design Resources：https://developer.apple.com/design/resources/
Google Material Design：https://material.io/resources
Ant Design：https://ant.design/docs/resources
Salesforce Lightning Design System：https://www.lightningdesignsystem.com/resources/downloads/
阿里teambition-Clarity Design：https://design.teambition.com/overview
餓了么 Element：https://element.eleme.cn/#/zh-CN/resource
微信主站+微信小程序WeUI：https://developers.weixin.qq.com/miniprogram/design/#%E5%9B%BE%E6%A0%87
滴滴Mand Mobile：https://didi.github.io/mand-mobile/#/zh-CN/design/other/resource
京東Taro UI：https://taro-ui.jd.com/#/docs/resource
有贊 Zan Design：https://design.youzan.com/resource/resource.html
B端學習資源匯總（部分網站需要科學上網）：

超實用B端及可視化產品設計師平臺：https://tob.design/#/home/
B端設計規(guī)范：https://www.pslkzs.com/ui/index.html
B端LED發(fā)光字體下載（字體不可商用）: https://pan.baidu.com/s/1IX31ca4rO9VnEjymfdn4lw 密碼: jjwm

國外炫酷網站設計和技術都一流：http://www.espn.com/espn/feature/story/_/id/19045647/we-fans-doc

日本科技感網站，純炫技，可視化學習很不錯資料：http://www.newstech.jp/

國外非常好看的B端高質量設計模板，里面有很多在線演示的示例：http://eliteadmin.themedesig/

基于BootStarp高質量模板：https://wrapbootstrap.com/

國外B端學習整套B端高質量模板：Angle - Bootstrap Admin Template

B端模板：http://themicon.co/theme/angle/v3.2/backend-jquery/app/dashboard.html

國外高質量B端模板，點擊livepreview有具體示例：https://coreui.io/?affChecked=1

一整套前端框架，值得UI設計師學習的規(guī)范：https://semantic-ui.com/

很多在線出售的模板，代碼都寫好了，學習借鑒的好去處：https://themeforest.net/category/site-templates/admin-templates

三維數(shù)據(jù)可視化，這個公司產品讓我很驚艷 ：https://www.hightopo.com/demos/index.html

NASA用一個小車探索月球，未來數(shù)據(jù)可視化像玩游戲 ：https://opensourcerover.jpl.nasa.gov/

效果很騷的數(shù)據(jù)可視化，超級帶感的炫酷地球：http://launchit.shanemielke.com/

設計規(guī)范不會做，看看外國人全套商業(yè)規(guī)范：https://framesforsketch.com/

阿里巴巴數(shù)據(jù)可視化案例，點擊[預覽]有做好的成品：https://www.aliyun.com/activity/intelligent/datav-showcase?spm=a2c0j.140

上傳本地數(shù)據(jù)，生成炫酷可視化效果： https://kepler.gl/

國內外地圖數(shù)據(jù)下載，有json還有svg的格式：http://img.hcharts.cn/mapdata/

國外FUI網站、里面有相關采訪、制作思路、界面設計等等：https://www.pushing-pixels.org/fui/

體驗設計手冊，涵蓋所有B端設計流程中用到的用研、產品、交互、視覺、協(xié)作知識：https://www.yuque.com/meifangmia/zwcdgs

B端產品必備常識：https://www.yuque.com/lianjiaxiansheng/ggtpzd/wf41…

灰大設計內容板塊 ：https://www.pslkzs.com/ui/ui.php

Antv螞蟻數(shù)據(jù)可視化：https://antv.vision/zh

——————分割線———————

后臺網站

https://themehunt.com/

https://echarts.apache.org/zh/index.html

https://themeforest.net/category/site-templates/ad…

——————分割線———————

后臺頁面參考網站

https://huaban.com/boards/291013/

https://preview.pro.ant.design/dashboard/analysis

https://ant.design/docs/react/introduce-cn

https://ant.design/index-cn

http://www.10oa.com/v8/function.htm

——————分割線———————

柵格計算工具：
灰大柵格計算工具：https://www.pslkzs.com/nav/column.php
grid.guide：http://grid.guide/
網頁柵格系統(tǒng)到底應該怎么用：https://mp.weixin.qq.com/s/VJNHJ_WDttc0PwB0LQZ6fA

——————分割線———————

適用B端圖表、表格、地圖、文本數(shù)據(jù)插件：

PS拉框助手：https://www.pslkzs.com/index.html

Adobe XD拉框助手：https://www.pslkzs.com/xd/index.php

Sketch拉框助手：https://www.pslkzs.com/sketch/index.php

PS內容填充助手：https://www.pslkzs.com/text/index.php

XD內容填充助手：https://www.pslkzs.com/xdText/index.php

Figma內容填充助手：https://www.pslkzs.com/figmaText/index.php

Sketch內容填充助手：https://www.pslkzs.com/sketchText/index.php

附：Figma標注切圖插件：https://www.mockplus.cn/download/figma-intergratio…

總結

以上是生活随笔為你收集整理的大厂Sketch组件库源文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。