2020-02-27 10:53:30 +08:00
---
order: 1
title: Resources
toc: false
---
Here list all the resources that related with Ant Design.
---
## Design Resources
Please find below some of the design resources and tools about Ant Design that we consider valuable. More of this is still being collected. You can leave feedback about Sketch Symbols [here ](https://www.yuque.com/kitchen/topics/216 ).
< div class = "next-block-use-cards" > < / div >
- RENEW Sketch Symbols
- https://gw.alipayobjects.com/zos/basement_prod/048ee28f-2c80-4d15-9aa3-4f5ddac50465.svg
- Sketch Symbols for Desktop
- https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Components.4.0.zip
- Mobile Components
- https://gw.alipayobjects.com/zos/basement_prod/c0c3852c-d245-4330-886b-cb02ef49eb6d.svg
- Sketch Symbols File for Mobile
- http://p.tb.cn/rmsportal_3436_AntDesignMobile_20Template_20V1.0.sketch
- Ant Design Pro
- https://gw.alipayobjects.com/zos/basement_prod/5edc7f4d-3302-4710-963b-7b6c77ea8d06.svg
- Common Templates and Pages
2020-03-13 18:14:26 +08:00
- https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Pro.3.0.sketch
2020-02-27 10:53:30 +08:00
- Ant Design Library
- https://gw.alipayobjects.com/zos/basement_prod/90740380-bbb7-4329-95e5-64533934c6cf.svg
- A powerful Axure library
- http://library.ant.design
- Kitchen
- https://gw.alipayobjects.com/zos/basement_prod/d475d063-2754-4442-b9db-5d164e06acc9.svg
- A Sketch plugin collection
- http://kitchen.alipay.com
- Ant Design Landing
- https://gw.alipayobjects.com/zos/basement_prod/b443f4be-5116-49b7-873f-a7c8502b8f0e.svg
- Landing Templates
- https://landing.ant.design/docs/download-cn
- Ant UX
- https://gw.alipayobjects.com/zos/basement_prod/51682163-e01a-46fe-810c-ac0062379717.svg
- A set of page logic prototype libraries
- http://ux.ant.design
- Ant Design Prototype (xiaopiu)
- https://gw.alipayobjects.com/zos/basement_prod/77e6a9ae-24a9-4be6-be42-f7fa8ee0eecf.svg
- Online library and prototype
- https://www.xiaopiu.com/topic/ant-design
- UI Kit for Figma
- https://gw.alipayobjects.com/zos/basement_prod/7b9ed3f2-6f05-4ddb-bac3-d55feb71e0ac.svg
- Library of components for Desktop
- https://www.antforfigma.com
2020-05-23 22:48:39 +08:00
- Figma Open Source Library
- https://i.imgur.com/kopdWeX.png
- Free open source Figma library with complete accrate to code components
- https://www.figma.com/community/file/831698976089873405
2020-02-27 10:53:30 +08:00
- Ant Design Chart
- https://gw.alipayobjects.com/zos/basement_prod/a9dc586a-fe0a-4c7d-ab4f-f5ed779b963d.svg
- Sketch Symbols for Chart
2020-04-14 21:06:41 +08:00
- https://gw.alipayobjects.com/os/bmw-prod/704968a5-2641-484e-9f65-c2735b2c0287.sketch
2020-05-07 20:51:44 +08:00
- MockingBot
- https://cdn.modao.cc/logo_mockingbot.svg
- Rich component resources
- https://modao.cc/square/ant-design
2020-02-27 10:53:30 +08:00
## Articles
Do you want to know the story behind the Ant Design design system? How can I better apply Ant Design? You can check out our well selected articles below. Also welcome to follow [Ant Design Official Column ](https://zhuanlan.zhihu.com/antdesign ). There are often the latest sharing and discussions on related topics under the Ant Design design system, such as Ant Design, AntV visualization, Kitchen design Plug-ins, B-side product design, SaaS product design, natural interaction, growth design, intelligent design, design engineering, etc.
### Design
- [解放图形化设计生产力 - HiTu ](https://zhuanlan.zhihu.com/p/100925117 )
- [「自然交互」Ant Design 设计价值观解析 ](https://zhuanlan.zhihu.com/p/44809866 )
- [「自然交互 1」前馈: 让功能找到用户; 让用户体验美好 ](https://zhuanlan.zhihu.com/p/41952711 )
- [「自然交互 4」理解元数据, 让人机自然交互 ](https://zhuanlan.zhihu.com/p/43613398 )
- [「自然交互 5」传感器——系统的五感【上】 ](https://zhuanlan.zhihu.com/p/52648777 )
- [1 块钱 6 周 DAU 增长翻倍: Ant Design 设计工具 Kitchen 获客增长实践 ](https://zhuanlan.zhihu.com/p/68707241 )
- [专访蚂蚁金服体验技术 UED: Ant Design 希望成为世界级设计体系 ](https://zhuanlan.zhihu.com/p/66781635 )
- [写给设计师的 Ant Design 栅格指南 ](https://zhuanlan.zhihu.com/p/63580649 )
- [Ant Design 情感化设计 ](https://zhuanlan.zhihu.com/p/55364776 )
- [Ant Design 资产一起造 工作坊(上) ](https://zhuanlan.zhihu.com/p/54887681 )
- [Ant Design 资产一起造 工作坊(下) ](https://zhuanlan.zhihu.com/p/54901534 )
- [轻推转型之门: Ant Design Pro 在企业级产品的实践(附演讲视频) ](https://zhuanlan.zhihu.com/p/32771546 )
- [Ant Design 3.0 背后的故事(附演讲视频) ](https://zhuanlan.zhihu.com/p/32746810 )
- [用户故事地图浅析 ](https://zhuanlan.zhihu.com/p/31503749 )
- [体验, 不只是用户的! Ant Design 在蚂蚁中台的应用 ](https://zhuanlan.zhihu.com/p/26846739 )
- [在用 Sketch 和 iconfont? 试试 Kitchen 吧! ](https://zhuanlan.zhihu.com/p/36657030 )
### Technology
- [Ant Design 色板生成算法演进之路 ](https://zhuanlan.zhihu.com/p/32422584 )
- [如何向开源项目提交无法解答的问题 ](https://zhuanlan.zhihu.com/p/25795393 )
## Reference
2020-03-25 10:48:41 +08:00
Please find below the books that inspired us, saved our time and helped us to overcome difficulties when designing components and patterns. If you want to know more about UI design, we recommend you these awesome design systems: [Fiori Design ](https://experience.sap.com/fiori-design-web/ ), [Human Interface Guidelines ](https://developer.apple.com/ios/human-interface-guidelines/overview/themes/ ), [Lightning Design System ](https://lightningdesignsystem.com/getting-started/ ), [Material Design ](https://material.io/ ).
2020-02-27 10:53:30 +08:00
< div class = "next-block-use-cards" > < / div >
- About Face 4 #C7EBD6
- https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*GA-CRIRqKjgAAAAAAAAAAABkARQnAQ
- The Interactive Design Guide for Digital Products and System
- https://www.wiley.com/en-sg/About+Face%3A+The+Essentials+of+Interaction+Design%2C+4th+Edition-p-9781118766576
- Designing Web Interfaces #009C94
- https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*KK2xSJu0M80AAAAAAAAAAABkARQnAQ
- Best Practice, Patterns and Principles for Web Interface
- http://shop.oreilly.com/product/9780596516253.do
- Designing Interfaces #9489CF
- https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*slN2QpTvIs0AAAAAAAAAAABkARQnAQ
- Interface Design Guidelines
- https://www.amazon.com/Designing-Interfaces-Patterns-Effective-Interaction/dp/1449379702/ref=pd_sbs_14_t_1/131-2623973-6077764?_encoding=UTF8& pd_rd_i=1449379702& pd_rd_r=ebe12a8d-435f-474b-a593-72aadf26c45a& pd_rd_w=18rob& pd_rd_wg=bhRFl& pf_rd_p=5cfcfe89-300f-47d2-b1ad-a4e27203a02a& pf_rd_r=8V8CD0EE336ZZEG15DEN& psc=1& refRID=8V8CD0EE336ZZEG15DEN
- Non-Designer's Design Book, The, 4th Edition #FAF0CD
- https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*1HbNSIju7pEAAAAAAAAAAABkARQnAQ
- Basic Principles of Good Design
- http://www.peachpit.com/store/non-designers-design-book-9780133966152
- The Design of Everyday Things #F8F3D1
- https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*4woBSLvOjfMAAAAAAAAAAABkARQnAQ
- About the People-oriented Design Philosophy
- https://jnd.org/the-design-of-everyday-things-revised-and-expanded-edition/
- Emotional Design #E8EEB4
- https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*6ZQJQoKRORsAAAAAAAAAAABkARQnAQ
- Explain the Role of Emotional Factors in Design
- https://www.amazon.com/Emotional-Design-Love-Everyday-Things/dp/0465051367
- Web Form Design #C2DAED
- https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*VhhwRo7axKQAAAAAAAAAAABkARQnAQ
- The Essence of Form Design
- https://rosenfeldmedia.com/books/web-form-design/