不知道大家日常有没有使用插件的习惯，反正我是经常使用，为什么？因为效率更高了，做图更快了。今天给大家推荐 3 个我常用的 Sketch 插件，它们真的很实用，而且我身边很多设计师也在使用。
今天，我们来讲解下组件的动态响应式，这是组件库搭建的重中之重，也是 Sketch 搭建组件库系列的终篇！往期回顾：[link https://www.uisdc.com/component-library-construction]依旧，来一个大纲：什么是动态响应式关于弹性布局关于固定边缘关于固定尺寸手把手实战环节弹性布局的嵌套最后什么是动态响应式响应式估计大家都不陌生，专业点讲就是，系统对不同的媒介（运行 web 的设备）及视窗（显示网页的浏览器窗口）所产生的适应变化。做跨设备响应的朋友接触会比较多，从大屏（pc）、中屏（平板...
今天，让我们从理论走向实践，来看看如何使用Sketch搭建组件库。整个讲解过程我秉承着知行合一的精神亲自实践，但愿这种深入浅出的表达能为你带来即时收获~任何疑问建议欢迎留言呀。大量gif预警，弱网环境下谨慎阅读~为啥用Sketch创建？
设计师们在使用 Sketch 做设计稿时，视觉标注、视觉验收是不是经常遇到以下问题？问题一：因字 padding 无法精确还原视觉间距标注。研发实现的间距和设计稿总会因字 padding 有间距误差，而这个误差在整个页面中，带来的验收成本是巨大的。
我一贯主张不要为工具所累，所以在各种诱人的 Sketch 插件面前，我总是提前思考下自己的真正需求，这款软件是将我奴役，还是为我所用？而我在亲自使用 Anima 这款工具小半年后，开始意识到它是一款真正优秀的提效工具，并且效果立竿见影。尤其是 Stack（堆栈）这个功能，毫不夸张地讲，用“逆天”二字形容丝毫不为过。
说起Sketch的一大痛点，就不得不提颜色样式。明明已经建立好完整的图层颜色样式，文本就是无法调用，必须重新建立。导致实际项目中的文本样式非常复杂，特别影响效率。
用Sketch做界面设计也有些年头了，一开始无情的工具人全程手动加复制粘贴，至于速度么，全看手速了。后来学会了一些偷懒的技巧，才真正开始工业化生产页面，其中一项就是Sketch自带的 Symbol 功能，不过我翻了翻，好像也没有专门介绍的，今天就总结一下我使用Symbol的一些经验分享给胖友们。封装1. 封装Symbol类似于PS的智能对象，可以实现全局样式的修改，提高作图和改图速度也就在于这点，我就不做过多介...
相信大家对于sketch组件并不陌生，作为sketch官方推出的功能，相对比较久了，不知大家是否还停留在只会建立单个组件，不会组合使用的情况。我最近在项目中也在做这个组件的事情，接下来会以落地项目、实际案例和大家分享组件的逻辑以及制作思路。了解组件的逻辑我们先来简单了解一下原子设计理论（链接在文末）： 分为原子、分子、组织、模板、页面。
又到毕业季，设计行业的求职大战一触即发。但是我们会发现很多设计师只关注作品集的炫酷，却忽略了源文件的重要性。同时越来越多的设计师反馈，面试官会看你的设计源文件，比如Sketch。
写在前面：最近因为疫情的影响，很多公司使用了远程办公的模式，同时也把很多远程协作的问题摆在了台面上。对于设计团队来说，一款好用的协同工具非常重要，最好设计工具本身就是可以方便协同的。据我了解到，在国外目前已经有非常多的公司正在从 sketch 切换到 Figma，国内的话也有一些公司开始使用 Figma，比如像网易就有设计团队也开始利用这款工具开展远程协作设计。
每个人的青春岁月一定会有 Photoshop，至少对我来说是这样，早期绘图软件选择不多，也没有在线编辑器可用，遇到网页图片需要编辑、修图或是制作广告横幅 Photoshop 就是一般使用者最容易上手的工具。后来我比较没有机会使用绘图软件，直到有机会再接触 Adobe Creative Cloud 订阅后才又稍微操作了一下久违的 Photoshop，相信平常工作会需要设计、编辑或制作素材的读者一定对绘图软件不陌生...
