ant-design/docs/resource/download.md

# 资源下载

- order: 0
- category: 0

---

这里提供 Ant Design 相关设计资源和设计工具的下载，更多设计资源正在整理和完善中。

<a target="_blank" href="https://github.com/ant-design/ant-design/files/69428/Ant_Design_Components.rplib.zip" class="resource-card">
  <img src="https://os.alipayobjects.com/rmsportal/cnmjGfbBWUZPFiO.png">
  <span class="resource-card-content">
    <span class="resource-card-title">Axure Components</span>
    <span class="resource-card-description">一套强大的 Ant Design 的 Axure 部件库</span>
  </span>
</a>
<a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/AntD_Box_v1.2.rp" class="resource-card">
  <img src="https://os.alipayobjects.com/rmsportal/UuYRXxndGMKdaiE.png">
  <span class="resource-card-content">
    <span class="resource-card-title">Axure Box</span>
    <span class="resource-card-description">强大的 Ant Design 组件拼装方式</span>
  </span>
</a>
<a target="_blank" href="http://ux.ant.design" class="resource-card">
  <img src="https://os.alipayobjects.com/rmsportal/yfTqrQuSKcqBDLY.png">
  <span class="resource-card-content">
    <span class="resource-card-title">Ant UX</span>
    <span class="resource-card-description">一套页面逻辑原型库，帮你梳理页面逻辑</span>
  </span>
</a>
<a target="_blank" href="https://github.com/ant-design/ant-design/files/57840/iconfont.zip" class="resource-card">
  <img src="https://os.alipayobjects.com/rmsportal/UEpOFKUQTZaUfnW.png">
  <span class="resource-card-content">
    <span class="resource-card-title">Web Font</span>
    <span class="resource-card-description">网络字体图标的本地文件包</span>
  </span>
</a>
<a target="_blank" class="resource-card disabled">
  <img src="https://os.alipayobjects.com/rmsportal/CxXbSpIXckHOtWl.png">
  <span class="resource-card-content">
    <span class="resource-card-title">Ant Cool</span>
    <span class="resource-card-description">一个机智的设计资源共享工具</span>
  </span>
</a>

<style>
.resource-card {
  max-width: 350px;
  width: 40%;
  height: 130px;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  font-size: 12px;
  color: #777;
  display: inline-block;
  margin: 20px 40px 10px 0;
  vertical-align: middle;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.resource-card:hover {
  box-shadow: 0 1px 4px rgba(64,64,64,.2);
}

.resource-card:hover .resource-card-title {
  color: #2db7f5;
}

.resource-card.disabled {
  opacity: 0.45;
  pointer-events: none;
}

.resource-card img {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  margin: 0 20px 0 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.resource-card-content {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 92px;
}

.resource-card-title {
  display: block;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
  margin-bottom: 8px;
}

.resource-card-description {
  display: block;
  color: #999;
}
</style>