Annoted wireframes from the UI Framework spec document
Inspector tool in action in Firefox
I wrote an article on the Mozilla UX blog explaining my design process
Firefox Dev Tools
In this project, our team redesigned the suite of developer tools within Firefox called the Firefox Developer Toolbox. I lead the research and interaction design phase, conducting field research with web developers in the field, conceptualizing ideas, wireframing, creating HTML prototypes, and creating video demos to communicate the new design.