17

Resources for designing dev tools?

1 month ago from

Hi, I am looking for some resources (books, articles, blogs, anything!) about the product design behind tools used by developers. Mainly IDEs or text editors, an example being VSCode, Pycharm or something browser based like repl.it. It's a pretty big niche and I was not able to find much. Do you happen to know of any?

8 comments

  • Wes OudshoornWes Oudshoorn, 26 days ago

    I've been the designer of a monitoring tool for developers for many years. Reach out if you have specific questions: wes@appsignal.com

    1 point
  • Jason FestaJason Festa, 24 days ago

    Good thread! Would love more resources like this.

    0 points
  • Jitachi Garcia, 23 days ago

    This is funny. I feel the same, I'm currently working on an IDE. Unfortunately, I have no resources for you buddy.

    My journey so far on this has been asking to my coworkers and developer friends about their favorite tools, what they use them for, what they like or dislike. Gather inspiration in current products (e.g. VS Code, Sublime, Panic's coda & Nova, Atom, Textmate, Jetbrains IDEs, Xcode, to list a few), use them, ask about them, do research on them and try to understand them; reverse engineer the shit out of them.

    What's the purpose of your IDE, is it for a specific need (e.g. APIs), is it focused on experts or beginners (so you need more assistance), is it modular or expandable?, is it supposed to be cleaner? faster? easier?... you get the idea.

    I'd say is like any other product, do research on them, understand the usage and make it better.

    0 points
  • , 23 days ago

    Thank you everyone for the responses! Glad to know that it's not just me searching :) Will keep the thread updated if I find something

    0 points
  • Nelson TarucNelson Taruc, 25 days ago

    You should definitely check out Panic's web site, especially if your dev tools need to work on mobile. Although they don't really talk about product design much on their blog, they do have screen shots of their apps, including their current work in progress, Nova.

    0 points
  • Hamza Labrinssi, 26 days ago

    Take a look at this: https://blogs.adobe.com/creativecloud/reimagining-dreamweaver-creating-the-ultimate-modern-ui-for-web-design/ It's couple of years old though.

    0 points
  • Afnizar Nur Ghifari, 21 days ago

    This is a good example of the design process for designing DevTools at Firefox.

    0 points
  • Taylor PalmerTaylor Palmer, 26 days ago

    I don’t know of any, but here’s an upvote in hopes you find something.

    0 points