Tools & Technologies
Tools and technologies I use to design and build modern digital experiences from first sketch to final handoff.
Figma
Primary tool for all UI design and prototyping
5 yrs · How I use it
Design systems, high-fi prototypes, auto-layout, developer specs
Adobe Photoshop
Visual assets, photo retouching & compositing
6 yrs · How I use it
Marketing visuals, UI mockup assets, brand photography editing
Adobe Illustrator
Icon systems, illustrations & vector assets
6 yrs · How I use it
Custom icon libraries, brand identity, infographics
Adobe XD
Rapid prototyping & client presentations
3 yrs · How I use it
Interactive prototypes, stakeholder walkthroughs, voice UI flows
HTML5
Semantic structure & web standards
6 yrs · How I use it
Semantic markup, accessibility structure, email templates
CSS3
Styling, layout & motion
5 yrs · How I use it
Animations, responsive layouts, custom properties, dark mode
JavaScript
Interactivity & browser logic
4 yrs · How I use it
Interaction logic, prototyping in browser, component behaviour
Tailwind CSS
Utility-first CSS framework
3 yrs · How I use it
Utility-first styling, rapid UI builds, consistent design tokens
Styled Components
CSS-in-JS component styling
2 yrs · How I use it
Component-scoped styles, theming, dynamic styling with props
Freepik AI
AI image generation for concepts
3 yrs · How I use it
concept visuals, client presentations, art direction
Galileo AI
AI-powered UI design generation
1 yr · How I use it
UI generation from text prompts, rapid wireframe ideation
ChatGPT
AI assistant for research & copy
3 yrs · How I use it
UX copy, research synthesis, user persona drafting, brainstorming
Claude
AI for design thinking & writing
1 yr · How I use it
UX writing, design critique, accessibility audits, code review
Lovable
Creating web apps or landing pages
2 yr · How I use it
Creating and launching simple web apps or landing pages quickly without deep coding knowledge.
Want to see these tools in action?
View Projects