Hey guys, I wanted to show the design process of how I developed ProducerBuzz Phaser plugin, I have used GIMP as main base design software, which is a free version of Photoshop, it's harder to use, but once you get used to it, it's like bread and butter!
For the programming side, I have used a combination of AI such as chat GTP, GROK, Microsoft Visual Studio, Juce v8 and a combination of Windows and macOS, where I also had to used Xcode for deployment of VST3 and AU for macOS. Of course some coding language knowledge come in handy, the main issue here is understanding the whole flow of the setup and deployment to most major DAWS.
I must admit, programming a VST plugin in C++ is quite hard, but after a while you will kind of get used to it. When I first started a couple of months ago, I could-not even get the text to change colour or size, which was quite embarrassing to be honest.
Before I show you my design below and process of how I developed the user interface for Phaser VST. I would like to outline some obstacles which I have come across when using Juce V8 and MS Visual Studio for programming the VST.
Anyway, here is my design break down of how I developed Buzz Phaser VST
These are the background elements designed in GIMP.

This is the upper and lower tab space showcase design I made in Gimp.

The UI buttons, which I have designed in GIMP. They look a bit fuzzy below, but they are higher resolution in original format, maybe because I had to resize them all for this showcase process.

I then put all these together, and as you can see you get this below, (I also added a cool green spatial lines to make it look modern;

Everything else below was added using c++ coding, Juce v8 and MS Visual Studio.

This is how I designed and developed my first ever VST plugin, took me a few months to learn everything, but it was well worth it. Many hours of sweat, struggling, basically loosing my brain cells trying to figure out simple tasks, but in the end it was all worth it. I am now working on my 6th and 7th VST plugins, and the process is lot easier now as I understand the fundamentals and the whole algorithm of how this works.
Hope you guys enjoy my post update on my VST plugin development process and how I made my first ever VST plugin. (Well, I say first, but this was my 2nd version, as the first design looked a bit cheap).
Looks good. I used Gimp when I started designing. I have a paid version of Photoshop. I pay monthly. Because when I was using Gimp. Knowing Gimp made learning Photoshop easy. There's differences. I know both have layer styles with Photoshop you can see a preview of them. Both of them can make awesome graphics. It's comes to personal preference. I prefer Photoshop.
Photoshop is great when it comes to VST design that's true, GIMP can however achieve the same and its free and open source. It took me couple of months to get used to GIMP, to be honest I prefer it when it comes to certain features, once you get used to GIMP (software) it's a solid platform image manipulation tool.
However, Figma is a much better online UI design tool. I have used this to design some major professional looking VST plugin UI, you should check it out!!
Once you use Figma, you won't go back to photoshop or GIMP, well at least I won't, but it's a personal preference to be honest.
Leave a reply