Skip to main content

Uses

A somewhat comprehensive list of tools, apps, hardware, and more that I use on a daily basis to design and code things. And yeah, that is a Johnny Mnemonic GIF in the background.

Design

  • Figma is my primary tool for UI design these days. Made the switch from Adobe in 2020 and haven't looked back.
  • Any motion graphics I create are created in Adobe After Effects. So far I haven't found a non-Adobe product that's as good. If anyone has suggestions please message me.
  • For any sketchups and wireframing I use Balsamiq Cloud. Since it's become way simpler to use and in a lot of ways better and easier than other tools.

Development

  • I use Visual Studio Code as my text editor, with the Atom One Dark theme and Operator Mono as my typeface of choice.
  • I use PyCharm Pro as my primary text editor for python, with the Atom One Dark theme and Operator Mono as my typeface of choice.
  • Google Chrome is my main browser for both development and general use.
  • React is my front end Javascript library of choice. The react hooks were the first thing that truly made sense to me as a designer.
  • For 3D effects and image shaders I use three.js. It has a bit of a learning curve but you can do some really powerful stuff with it.
  • For testing out bits of code, I use CodePen. It's very helpful while styling and making animations with CSS.

Hardware

CPUIntel(R) Core(TM) i7-9750H CPU @ 2.60GHz
GPURadeon Pro 555X 4 GB Intel UHD Graphics 630 1536 MB
Memory16 GB 2400 MHz DDR4
Screen SizeBuilt-In Retina Display 15.4-inch (2880 × 1800)
Laptop2019 Macbook Pro
HeadphonesApple Airpods
MicrophoneMacBook Pro Microphone