You will need the following supplies to make its macrokey

1. Custom PCB
2. 3D Printed base (for mounting the PCB at a tilted angle)
3. 4 M2 x 5 screws
4. CH552G E8051 Arduino IDE programmable MCU
5. Mode switch
6. SMT button
7. Mini USB port
8. 7 x 0805 10k Ohm SMT resistors
9. 2 x 0805 0.1uF SMT capacitor
10. 3 x LEDs (Power, Mode A and Mode B)
11. 4 x mechanical key switches
12. 4 x key caps of your preference
13. Soldering tools
14. Steady hand

The most important part of this project is the PCB. The macro-keypad is designed with a open PCB design, which means the PCB is directly exposed on top of the device, making it a bit scifi style to look at.

As Instructable do not allow attaching zip file for gerber, I am putting it on Github where you can get it here.

Gerber File: https://github.com/tobychui/4xMacropad/blob/main/pcb/macrokeypad%20v3.zip

For the 3D Model file, you can edit it with Autodesk Inventor. They provide a free version for students where you can freely adjust the model based on your need.

For starters, I recommend starting from the smallest to the largest components. You can solder starting from the CH552G, then the surrounding 0805 ICs then the other remaining DIP type parts. Follow the silk screen instruction and solder everything in its correct locations.

There are also 3 optional RGB channel which they can be controlled by advance coding in the MCU. If you want to make some light pollution with those LEDs, you can also solder some extra 10k resistors and 0805 LEDs according to the silkscreen printing.

Before you plug it into your computer, you should do a power test using a lab bench power supply to the labeled 5V and GND test pad on the PCB. This is important to make sure there are nothing is shorted during the soldering process and the PCB is safe to plug into your computer.

Once powered on in, without any code in the MCU, you should be able to see the LED lights up in 50% brightness. That is because the LED control pins are "floating", which is normal.

If everything is working, you can now unplug the macropad from your lab bench power supply and start programming!

Before programming your macropad, you need to install the required dependencies to your Arduino IDE in order to program it. Follow the instruction on this open source project which add supports of CH55x series MCU to Arduino IDE.

https://github.com/DeqingSun/ch55xduino

Follow the read me file to add the required dependencies and driver to your PC.

If you are a beginner in Arduino programming, you can use the code generator I wrote for this macropad for quick and easy hot-key customization!

The keyboard have two modes. Mode A and Mode B, which can be toggle by the switch on the top left corner of the macropad.

To start programming, visit https://tobychui.github.io/4xMacropad/ the programming page and do the followings.

1. Select A mode
2. Select a key you want to program
3. Start typing on the input box, or select a special media key from the dropdown list below
4. Select another key and continue with step 2 until all keys in this mode are programmed
5. Switch to B mode but pressing the switch on the webpage's keyboard layout
6. Repeat step 2 until all keys in B mode is programmed
7. Download the code by pressing "Download .ino Package" at the bottom of the page
8. Follow instruction in Step 7

Programming Using Arduino IDE with C

If you are a advance developer, you can start directly from the example on Github. https://github.com/tobychui/4xMacropad/tree/main/macrokey_distribute

This example implements the following

Mode A: Media Controller (Work with Youtube or other streaming service with playlist), see the attached key combination sequence instruction

Mode B: Typing demos (Auto URL open, Unicode characters and non-unicode characters)

Additional GPIOs

The PCB comes with 3 additional GPIO which I have pulled out from the IC as the RGB LED on the bottom of the macropad PCB. The corrisponding Pins for those RGB pins are P30, P31 and P32 as labeled on the silkscreen. You can feel free to use them for something else, like a vibration motor, some other electronics or even communicate with anotehr MCU using software serial or softi2c.

To upload your finished macro to the keypad, select CH552 in the board manager.

Click the upload button and while it is compiling, press and hold the PROG button on the PCB, then plug the macropad into your computer at the moment where the compilation is done. After plugging the macropad into your computer, release the PROG button and wait for the compiled sketch to be downloaded to the macropad.

The timing here is quite important. If you release the PROG button too early, Windows will try to reload your device and forcing it into USB HID mode again. If you release the PROG button too late, as the PROG button is shorting the USB D+ line, your program might not be able to upload.

Try a few time if you have issue with the uploading and I get it right on the 3rd tries :D

Now, you got yourself a little cute, low cost and good looking macropad where you can carry it to events and show off to people who also love mechanical keyboards!

Everything is open source on Github. You can find the source to the models, gerber files, source code and other detail information over at my Github repo

https://github.com/tobychui/4xMacropad

Thanks for reading till the end of this Instructable. If you have more ideas or improvements to share, feel free comment below or fork the source on Github and make your own!