ant-design/docs/spec/introduce.zh-CN.md

---
order: 0
title: Ant Design
---

<div style="text-align:center;background:#FBFBFB;margin:40px 0;">
  <img width="600" src="https://os.alipayobjects.com/rmsportal/mgesTPFxodmIwpi.png">
</div>

在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，给设计师和工程师带来很多困扰和重复建设，大大降低了产品的研发效率。我们（蚂蚁金服体验技术部）经过大量的项目实践和总结，沉淀出一个中台设计语言 Ant Design。旨在统一中台项目的前端 UI 设计，屏蔽不必要的设计差异和实现成本，解放设计和前端的研发资源。

Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。它模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界，将进行 UE 设计和 UI 设计人员统称为『设计者』，利用统一的规范进行设计赋能，全面提高中台产品体验和研发效率。

---

## 谁在使用

- 蚂蚁金服
- 阿里巴巴
- 口碑
- 新美大
- 滴滴

> 如果你的公司和产品使用了 Ant Design，欢迎到 [这里](https://github.com/ant-design/ant-design/issues/477) 留言。

## 前端实现

我们采用 [React](http://facebook.github.io/react/) 封装了一套 Ant Design 的组件库，也欢迎社区其他框架的实现版本。

- [Ant Design of React](/docs/react/introduce)（官方实现）
- <div class="outside-link"><a href="https://github.com/FE-Driver/vue-beauty" target="_blank">vue-beauty</a></div>
- <div class="outside-link internal"><a href="http://naza.alibaba.net" target="_blank">Ant Design of Angular 2.0</a></div>
- <div class="outside-link"><a href="https://github.com/okoala/vue-antd" target="_blank">vue-antd</a></div>
- <div class="outside-link"><a href="https://github.com/idcos/antd-ember" target="_blank">antd-ember</a></div>

## 如何贡献

我们欢迎任何形式的贡献，有任何建议或意见您可以进行 [Pull Request](https://github.com/ant-design/ant-design/pulls)，或者给我们 [提问](https://github.com/ant-design/ant-design/issues)。
-												docs: update documentation format

											
										
										
											2016-03-31 14:17:09 +08:00
+								---
 								order: 0
-												docs: translate specification (#2377)


											
										
										
											2016-07-31 10:17:07 +08:00
+								title: Ant Design
-												docs: update documentation format

											
										
										
											2016-03-31 14:17:09 +08:00
+								---
-												Change site struction

											
										
										
											2015-08-22 19:13:06 +08:00
-												update design docs

											
										
										
											2016-03-10 17:43:54 +08:00
+								<div style="text-align:center;background:#FBFBFB;margin:40px 0;">
-												fix warning

											
										
										
											2016-07-16 15:02:02 +08:00
+								  <img width="600" src="https://os.alipayobjects.com/rmsportal/mgesTPFxodmIwpi.png">
-												update design docs

											
										
										
											2016-03-10 17:43:54 +08:00
+								</div>
-												Change site struction

											
										
										
											2015-08-22 19:13:06 +08:00
-												update design docs

											
										
										
											2016-03-10 17:43:54 +08:00
+								在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，给设计师和工程师带来很多困扰和重复建设，大大降低了产品的研发效率。我们（蚂蚁金服体验技术部）经过大量的项目实践和总结，沉淀出一个中台设计语言 Ant Design。旨在统一中台项目的前端 UI 设计，屏蔽不必要的设计差异和实现成本，解放设计和前端的研发资源。
-												Change site struction

											
										
										
											2015-08-22 19:13:06 +08:00
-												typo

											
										
										
											2016-03-11 15:43:51 +08:00
+								Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。它模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界，将进行 UE 设计和 UI 设计人员统称为『设计者』，利用统一的规范进行设计赋能，全面提高中台产品体验和研发效率。
-												update spec/introduce.md

											
										
										
											2015-08-22 20:51:10 +08:00
-												move toc under meta description

											
										
										
											2016-03-14 16:18:06 +08:00
+								---
-												update spec/introduce.md

											
										
										
											2015-08-22 20:51:10 +08:00
 								## 谁在使用
 								- 蚂蚁金服
-												update design docs

											
										
										
											2016-03-10 17:43:54 +08:00
+								- 阿里巴巴
-												update docs

											
										
										
											2016-01-06 22:34:34 +08:00
+								- 口碑
-												update design docs

											
										
										
											2016-03-10 17:43:54 +08:00
+								- 新美大
 								- 滴滴
-												update spec/introduce.md

											
										
										
											2015-08-22 20:51:10 +08:00
-												update introduce

											
										
										
											2015-11-04 20:30:50 +08:00
+								> 如果你的公司和产品使用了 Ant Design，欢迎到 [这里](https://github.com/ant-design/ant-design/issues/477) 留言。
-												update site style

											
										
										
											2015-08-22 21:08:18 +08:00
+								## 前端实现
-												Add vue-antd to introduce.md

											
										
										
											2015-12-25 13:54:47 +08:00
+								我们采用 [React](http://facebook.github.io/react/) 封装了一套 Ant Design 的组件库，也欢迎社区其他框架的实现版本。
-												update site style

											
										
										
											2015-08-22 21:08:18 +08:00
-												fix links

											
										
										
											2016-01-14 11:08:25 +08:00
+								- [Ant Design of React](/docs/react/introduce)（官方实现）
-												update implementation links

											
										
										
											2016-09-26 13:47:35 +08:00
+								- <div class="outside-link"><a href="https://github.com/FE-Driver/vue-beauty" target="_blank">vue-beauty</a></div>
-												fix link

											
										
										
											2016-08-04 17:59:07 +08:00
+								- <div class="outside-link internal"><a href="http://naza.alibaba.net" target="_blank">Ant Design of Angular 2.0</a></div>
 								- <div class="outside-link"><a href="https://github.com/okoala/vue-antd" target="_blank">vue-antd</a></div>
 								- <div class="outside-link"><a href="https://github.com/idcos/antd-ember" target="_blank">antd-ember</a></div>
-												update site style

											
										
										
											2015-08-22 21:08:18 +08:00
-												update spec/introduce.md

											
										
										
											2015-08-22 20:51:10 +08:00
+								## 如何贡献
-												fix whitespace

											
										
										
											2016-03-22 00:26:33 +08:00
+								我们欢迎任何形式的贡献，有任何建议或意见您可以进行 [Pull Request](https://github.com/ant-design/ant-design/pulls)，或者给我们 [提问](https://github.com/ant-design/ant-design/issues)。