Uses
A somewhat comprehensive list of tools, apps, hardware, and more that I use on a daily basis to help design and code things. And yeah, that is an Akira GIF in the background.
Design
- Figma is my primary tool for UI design these days. Made the switch from Sketch 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 3D models I use Blender. Since 2.8 it’s become way simpler to use and in a lot of ways better than expensive paid tools like 3DS Max or Maya.
Development
- I use Visual Studio Code as my text editor, with the Dark Space theme and Operator Mono as my typeface of choice. I have also been using AstroNvim frequently for development.
- Arc and Chrome are my main browsers for both development and general use.
- React is my front end Javascript library of choice. The component-centric mental model is 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 CSS I’ve used a myriad pre-processors and css-in-js solutions like styled-components, but these days I’m using vanilla CSS with PostCSS to get upcoming CSS features today.
- For Javascript animations I use Framer Motion, it’s a great way to add spring animations to React and three.js.
Music
| DAW | Logic Pro |
|---|---|
| Audio Interface | Scarlett 2i2 3rd Gen |
| Guitar | Abasi Larada Legion 7 |
| Bass | Fender Player Jazz |
Hardware
| CPU | Intel Core i7-12700K |
|---|---|
| GPU | Nvidia GeForce RTX 4080 |
| Memory | GSkill 32GB DDR4 3600mhz CAS 18 |
| Motherboard | MSI B550 Tomahawk |
| Monitor | Samsung Odyessy G9 |
| Keyboard | Keychron Q1 Pro |
| Mouse | Razer Deathadder V3 Pro |
| Laptops | Macbook Pro 14″ (2022 M1 Max) & Dell XPS 17 9710 (2021) |
| Headphones | Sony WH-1000XM4 |
| Microphone | Blue Yeti |