Tools I use in design and development.

These are some of the tools and technologies I regularly use in my workflow—from UI design and prototyping to front-end development and deployment.

Workstation

  • 14” MacBook Pro, M1 Pro, 16GB RAM (2021)

    My main device for both design and development. It's fast, quiet, and handles multitasking without any issues.

  • iPad Air 4

    I use it mostly for sketching wireframes, testing responsiveness, and creating quick design notes on the go.

  • RTX 2080 GPU + Intel i7 10th Gen (Desktop)

    My secondary setup for 3D, animation, and rendering tasks. Useful when working with Blender or After Effects-heavy animations.

Development Tools

  • Visual Studio Code

    My go-to editor for front-end code. With a few helpful extensions, it fits perfectly into my design-to-code workflow.

  • React

    Most of the interfaces I build use React—great for reusable components and keeping designs consistent across views.

  • Vercel

    I use Vercel for hosting and deploying my React-based sites. Fast, reliable, and integrates well with GitHub.

Design

  • Adobe XD

    My main tool for UI design, wireframing, and prototyping. I use it for most client and product work.

  • Figma

    I use Figma for collaboration-heavy projects. Great for real-time edits with teams and handoff to developers.

Motion & 3D

  • Blender

    Occasionally I use Blender for simple 3D scenes, UI mockups, or animated environments.

  • Adobe After Effects

    Useful for creating interface animations, transitions, and showcasing interactions in motion.

  • Rive

    Ideal for production-ready motion graphics. I especially use its State Machine logic to control transitions between animation states—like hover effects, toggles, or scroll-based triggers—without writing manual animation code.