前端开发人员可以在许多工具中进行选择，但这些工具通常分为两类:图形设计工具和代码编辑器。
图形化设计工具对于构建应用程序原型、试验用户界面和创建最终设计非常有用。根据团队的规模，前端开发人员可能或多或少地负责应用程序的图形元素。然而，不管团队的规模有多大，前端开发人员都可能发现自己在使用最少量的几种原型工具。这些工具可以是便笺簿和铅笔，也可以是像Balsamiq Mockups这样的专门原型工具，也可以是像Photoshop或Sketch这样的完整图形编辑器。负责应用中更多图形元素的前端开发人员会发现，他们会更频繁地使用完整的图形编辑工具，如Photoshop、Illustrator、Sketch或Figma。
有各种各样的代码编辑器，从难以置信的轻量级编辑器(如记事本)到功能丰富的“集成开发编辑器”(如Eclipse或Visual Studio)。一些更复杂的编辑器——如emacs或vim——可能需要几个月的时间才能掌握，甚至可能导致用户对其产生强烈的忠诚度。开发人员的代码编辑器是一个高度个人的选择，并没有一个完美的解决方案;大多数开发人员在确定一个代码编辑器之前会尝试使用多个代码编辑器。
几乎所有的开发都是在计算机上进行的，所以前端开发人员可能会在他们选择的机器上花很多心思。很少需要其他工具，尽管一些前端开发人员可能会选择在自己周围放置记事本和白板。
