---
title: 设计资源
---

更多设计资源和工具正在整理和完善中

<style>
.doc-resource-list{display:-webkit-box;display:-ms-flexbox;display:flex}
.doc-resource-item{float:left;width:45%;height:136px;border:solid 1px #eee;padding:32px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:32px;margin-right:5%;border-radius:4px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.doc-resource-item:nth-child(2n){margin-right:0}
.doc-resource-item:hover{border-color:#048efa}
.doc-resource-item a{display:-webkit-box;display:-ms-flexbox;display:flex}
.doc-resource-item-text{-webkit-box-flex:1;-ms-flex:1;flex:1}
.doc-resource-item img{float:left;width:86px}
.doc-resource-item p{width:100%}
.doc-resource-item p.title{float:left;font-size:18px;font-weight:400;margin-left:20px;margin-top:10px;margin-bottom:0;color:#333}
.doc-resource-item p.describe{float:left;font-size:14px;font-weight:400;margin-left:20px;margin-bottom:0;color:#999}
@media (max-width:750px){.doc-resource-item{width:100%;margin-right:0}
}
</style>

<div class="doc-resource-item">
	<a href="//manhattan.didistatic.com/static/manhattan/mand-mobile/resource/mand-mobile-desigin-2.0.sketch" target="_blank">
		<img src="http://manhattan.didistatic.com/static/manhattan/mand/docs/mand-doc-resource.svg">
		<div class="doc-resource-item-text">
			<p class="title">Sketch</p>
			<p class="describe">组件库设计源文件</p>
		</div>
	</a>
</div>

