labelcol antdesign如何使用_一键拖拽,分分钟速成 Ant Design 设计稿

Kitchen 插件新增「设计资产」功能,支持AntDesign组件包、DesignSpec设计标注组件包等,帮助设计师高效查找并一键拖拽组件到画板。内置优质插画包,支持免费商用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

8682e864a962ffbb21d6655f0236548a.png

众所周知,Sketch原生插入组件的方式目前还比较痛苦:在一层层密密麻麻的菜单中,要么靠设计师的钛合金像素眼鉴别小得可怜的预览图,要么看好长一串名字才能找到目标组件。

这么不人道的体验我们设计师怎么可以忍受的呢?

因此,作为 Sketch 的好搭档 / 好伙伴 / 好插件 「Kitchen,当然要义不容辞来为设计师小伙伴们解决这个问题! 最近推出的新功能「 ✨设计资产 ✨」,支持更高效找组件 & 一键拖拽到画板,就是这么easy!

702029c0e27c318659ec29c7bef61545.png
Kitchen「 设计资产」:支持更高效找组件 & 一键拖拽到画板


在 Sketch 中安装最新版 Kitchen 2.16.0,点击第四个 icon,就可以看到首批内置的三个设计资产:

  • Ant Design 组件包
用Ant Design做设计的小伙伴有福啦,还不快来体验~~!

149d01da9e66239a5fd369242903db66.png
Ant Design 组件包
  • Design Spec 设计标注组件包
试试Ant Design团队同款标注包,让你的设计沟通更顺滑

966f3c54b8705d74370dc5c39a885327.png
杭州西湖区第一流程&标注组件包
  • Hummmans系列插画包
Mix-&-match illustrations of people with a design library。(敲黑板,划重点,可免费商用的优质插画素材!)了解更多

e124df20281ddffea3966581a882b523.png
Hummmans 系列插画


如何使用

打开「设计资产」面板后,通过上方Tab切换不同类型的设计资产,然后在左侧导航栏选择不同资产包,右侧展示当前选中资产包的内容,通过导航栏的一级和二级菜单可以快速定位资产。
也可以通过顶部搜索栏,输入关键词进行全局搜索(支持快捷键 Command+F

98066123c561704011a70589799b8504.gif
操作演示

友情提示

  • 可以用「设计资产」快捷键 Ctrl+Option+R 随时打开/关闭功能面板,为你节省更多空间。

ef5a14c3c8219aa040d014a58de1071f.png
  • 隐藏Kitchen工具栏时(快捷键 Ctrl+Option+K),打开「设计资产」面板,可以随意拖动面板位置,布局更灵活。

88b7ebc3999a60ca48531f7e26afa25b.png
  • 对资产包或功能有任何意见建议,欢迎点击资产包名称右侧按钮反馈。

7b11c007b28bbccbe1ba697545da3ddf.png


功能新上线,后续还会不断完善和迭代,满足设计师小伙伴的更多需求。
欢迎大家点击下方地址下载使用

Kitchen Sketch 插件 - 让你的设计秀色可餐​kitchen.alipay.com
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值