对于Web设计和Web开发，无论你是专业的还是业余的，你都需要一些好的工具来工作。
作为一位设计师，有时我会误认为每个人都了解Photoshop的形状、效果、字体设计。有时候缺少规范导致错误的前端输出。有时最终的作品和实际期待的不一样。
我相信，为web设计师列出一些好的Photoshop工具和资源是很有帮助的。在这里我已经为web设计师精心挑选25个最佳Photoshop工具和插件，来帮助他们创造精美和有创意的项目或作品。尽情地去享受吧！！！
1. GuideGuide
GuideGuide是一个Adobe Photoshop插件，它使你轻松地在文件或者选区上设置参考线和网格。它以文件作为参考创建参考线。如果你在文件里建立了选区，GuideGuide会使用选区代替文件作为参考线。对于查找特定元素的中点，在其他网格里创建网格，或者在一个对象周围设置确定的空间是一件很方便的事。
2. Refill Readr
Refill Readr让你使用Pixel Dropr载入任意的refill并且在Photoshop里持续使用。你同样可以直接访问Refill Store，一个下载收费或免费refill的地方。
3. Pictura
Pictura是一个直接在Photoshop里查找和应用Flick上的图片的插件。有了它再也不用分心去下载图片了。找到想要的图片并就可以使用，所有的这些行为都不用离开你的设计环境。寻找没有版权的图片？你可以使用过滤器来查看你可以免费使用甚至是使用在商业上的图片。
4. CSS3Ps
CSS3Ps是Photoshop的一个免费云插件，用来把图层转换为CSS3样式。这个插件解决了把一张图片转换为CSS样式时颜色、名称、大小等属性的对应问题。这是一个精巧、快速的插件。你仅需要获取一份副本并把这个插件放进CSS编辑区里。
5.Griddify
Griddify是一个制作参考线和网格的Photoshop面板。它不仅精巧而且高速。它帮助你在Photoshop利用参考线创建自定义的网格系统，垂直栅格，和一些其他的动作。确保你已经安装了Adobe扩展管理器，然后下载Griddify，并使用Adobe扩展管理器安装它。安装成功后，打开你的Photoshop CC。你会在“window”菜单里的“Extensions”下找到Griddify面板。最赞的是，Griddify是免费和开源的。
6. Photoshop Layer to SVG
每个交互设计师都会被巨大的工作量所困扰，这里有一种解决方案。这有一个脚本能节省你大量的零碎时间。一旦脚本被激活，会自动把所有的矢量图层一“.svg”为后缀导出在一个SVG文件中，同时也把它们的形状和颜色属性导出。
7. Ink
Ink Photoshop插件通过从排版，效果和形状大小记录你的图层来给你提供一些额外的重要信息。
8. Cut & Slice me
这个插件可以用来把资源导出到不同的设备，并可以通过给不同的图层命令来改善工作流程。它能把文件剪切为PNG格式并把它们导出，切掉多余像素，甚至可以创建重叠片（overlapping slices）。
9. Shortthumbnode
Short Thumb是Adboe Photoshop的一个CC生成插件。
10. Modular Grid Pattern
Modular Grid Pattern是一个为web设计师准备的应用。它能帮助你在Adobe Photoshop、Adobe Fireworks、GIMP、Microsoft Expression Design和其他的软件中快速、简单地创建模块化网格。能够在主流的稳定版浏览器里运行：Google Chrome、 Safari、 Opera 或者 Mozilla Firefox。
11. Nomorebanding
Nomorebanding是一个修复Photoshop渐变带的扩展。你只需要简单地选择动作和按下按钮。你的文档将会转换为一个16位的文档并且会生成一个新的图层，在你的组或文档上面来改善文档的颜色带。
12. Psd.rb
Psd.rd用来打开PSD格式文件，并使你轻松的使用Photoshop文档。Psd.rd是用Ruby编写的Photoshop文件解析器。允许你以一种易管理的树结构方式来处理Photoshop文档，从而找出文档中的重要数据。
13. Composer
这个插件使你只需点击一次就可以更新Photoshop里的多个图层。它提供给你更多的设计和维护的便利。选择图层并运行任意的命令更新位置，图层皮肤，透明度，或更新所有。
14. MakephotoshopFaster
Photoshop的缓慢让你失望？一些简单的调整会变得更好。
15. Photoshop Lady
Photoshop Lady旨在收集互联网上最好的免费Photoshop教程。把所有的高质量教程被分类为 3D Effect, Abstract Effect, Drawing Effect, Photo Effect, Text Effect, Texture &Patterns 和 User Interface Design。
16. 2xScaler
一个用于App设计的Photoshop扩展，点击一次把设计尺寸改为两倍大。
17. Pixel Proliferation
Pixel Proliferation是一个神奇的工具集，能够让你管理屏幕分辨率。
18. Layrs
这是一个免费的插件，能够收藏一些好的脚本集合和处理Photoshop中的繁杂的操作。它的一些神奇的特性是：图层名称编辑器,合拼所有图层效果,整合小对象，删除空层，并提供不同的选项给你去删除没有的效果。
19. Free Effects for PS
免费版的Perfect Effects.
它能提供最佳的方式让你即时微调照片达到惊人的效果，或者创意地把你的图片转化为独一无二样式的图片。
20. TychPanel
Tych Panel是一个自动化处理图片并排布局的Adobe Photoshop扩展。这使你更容易地创建双联布局，三联布局，多联布局和无限制的自定义布局。
21. Mr.Stacks
MR.STACKS是一个能快速生成分镜图，堆图和PDF的Photoshop插件。用了做CD，赠品或者其他你想要的。
22. Web Font Plugin
Photoshop网页字体插件，让你设计使用类似的网页字体。
23. HSL Color Picker
Photoshop的一个实用插件，能让你在你的设计里创建HSL效果。
24. Layour Wraper
Layout Wraper是一个实用的Photoshop布局修饰插件。
25. Zeick
Zeick – Photoshop CC和CC 2014的插件，允许你导出矢量形状图层为SVG文件