Uses
A somewhat comprehensive list of tools and apps, and more that I use on a daily basis to design and code things.
Design
- Figma is my primary tool for UI design and Wireframing these days. Made the switch from XD in 2021 and haven't looked back.
- For structurizing the requirements and UX analysis, ChatGPT helps a lot.
Development
- I use VS Code as my text editor, with the Dark+ theme of choice.
- Firefox is my main browser 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. I use it with Typescript.
- 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 use a pre-processors like SCSS and css-in-js solutions like styled-components. SCSS helps a lot with Bootstrap and custom styling where css-in-js helps with React based and MUI based projects.
- For Javascript animations I use Framer Motion, it's a great way to add spring animations to React and three.js.