说起这网页设计工具，从09年那会儿到现在21年，真是换一茬又一茬。我这十几年也算是亲身趟过来的，感受特别深。

刚开始那会儿，大概09、10年，我记得手里最常用的就是那个Dreamweaver，还有Fireworks。那时候做网页，好多还是用表格（table）套来套去的，现在想想真是麻烦死，为对齐一个像素能调半天。设计稿基本都是用Photoshop做的，做完之后就用切片工具，咔咔咔一顿切，导出一堆小图片和带样式的html。那时候觉得这样挺高级的，一个页面能切出几十上百个小图。

后来慢慢地，大概11、12年之后，大家开始大力推CSS布局，什么浮动，定位。Flash那玩意儿也开始走下坡路，虽然以前觉得挺炫的，但限制太多，手机上也不支持。我当时也跟着潮流学，一边觉得以前的方法土，一边又觉得新东西学起来费劲。从表格布局换成DIV+CSS，那真是个痛苦的过程，特别是要兼容老掉牙的IE浏览器，简直是噩梦。写代码的工具也开始换，Dreamweaver感觉太笨重，我开始尝试用Sublime Text，后来也用过Notepad++，还有WebStorm这些，感觉写代码效率高多。

设计这边，Photoshop还是大佬，稳坐好多年。不过中间也有些人尝试用Fireworks，因为它做矢量和位图结合得还行，切片也方便点。但用着用着，感觉还是PS功能强大。对，那段时间jQuery简直是神一样的存在，写各种动态效果，表单验证什么的，方便得不得。基本上是个网站就离不开它。还有就是Bootstrap这样的前端框架出来，一套上去，哗一下，一个看着还行的网站架子就出来，对于快速开发项目确实省不少事儿。

再往后，大概13、14年开始，手机上网的人暴增，响应式设计成标配。我的天，那叫一个头疼！一个设计稿得考虑电脑、平板、手机好几种屏幕尺寸，有时候屏幕宽度稍微变一点，布局就全乱。天天就在那儿调CSS媒体查询，对着浏览器的开发者工具，眼睛都快看瞎。感觉那段时间主要是在跟CSS较劲，工具上倒没啥革命性的变化，主要还是靠人肉适配。

后面这些年的新玩意儿

大概15、16年往后，风向又变。专门搞界面设计的工具开始冒头。最先火起来的是Sketch，但那玩意儿只能在Mac上用，我们用Windows的就干瞪眼。看着人家设计师用Sketch效率飞起，心里那叫一个羡慕嫉妒恨。后来Adobe也坐不住，搞个Adobe XD出来，跨平台的，算是给个选择。

再后来Figma横空出世，这家伙是基于浏览器的，在线协作简直无敌。一开始我还是守着Photoshop或者XD，觉得够用，不想换来换去的。但架不住趋势，团队里设计师开始用Figma，直接甩个链接过来，你总不能说打不开？没办法，只能硬着头皮学着用。

用着用着，发现还真香！在线协作确实方便，设计师改东西我这边立马就能看到，还能直接在上面评论交流。什么组件化、设计系统这些概念也跟着这些新工具一起普及开来。现在做项目，基本上设计稿都是Figma或者Sketch、XD出的，PS慢慢退回到纯粹的图片处理角色。

回过头来看这十几年，从最早用Dreamweaver拖拽表格，到后来手写CSS跟浏览器兼容性死磕，再到拥抱Sketch、Figma这些现代化的UI设计工具，真是感觉技术变化太快。工具是越来越强大，分工也越来越细。有时候也挺怀念以前用PS慢慢切图，用记事本也能写代码的日子，虽然效率低，但感觉对每个细节都有掌控。现在的工具是方便，但也像流水线一样，把你框在某个流程里。反正，就是跟着潮流瞎折腾呗，学就完事，不然早被淘汰。