Tech Stack

My primary design tool for everything from wireframes to high-fidelity UI. I use Figma not just for visuals, but for system thinking — components, variants, tokens, and collaborative handoff with devs.

Primarily Illustrator and Photoshop for custom illustrations, vector assets, image editing, and visual polish beyond UI needs.

My go-to stack for building interactive interfaces and components. I use TypeScript for safe, predictable code and better dev experience.

I prefer utility-first CSS for its scalability and speed. I also define and manage custom color tokens for consistent theming.

I use it to build node-based interfaces and interactive canvas systems — especially for data-driven or visual workflows (like Hydrogen and Growth Agent dashboards).

I use Storybook to document, test, and validate React components in isolation — helping design and dev stay aligned.

For visual regression testing and design system CI/CD. I integrate it with Storybook to catch UI inconsistencies before they reach production.

Version control, code reviews, and team collaboration. I use feature branching and commit conventions to keep everything clean and maintainable.