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