Skip to content
View pixel-perfectionist's full-sized avatar
:octocat:
Focusing
:octocat:
Focusing

Organizations

@microsoft @OfficeDev

Block or report pixel-perfectionist

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse

Hi there, I’m Alexander Katrukhin! πŸ‘‹

🌟 UX Engineer | 🎨 UI/UX Enthusiast

Welcome to my GitHub profile! I’m passionate about crafting seamless user experiences and bridging the gap between design and development to create impactful digital products.


πŸš€ About Me

With extensive experience as a Senior UX Engineer at Microsoft, I have driven high-impact projects focused on enhancing the user experience in products like Microsoft Teams. My work spans from prototyping and design tool development to delivering scalable, production-ready solutions. I excel in building reusable front-end components, optimizing performance, and creating tools that empower designers and developers alike.

πŸ”§ Technical Skills

β€’	Languages: JavaScript (ES6+), TypeScript, HTML, CSS
β€’	Frameworks & Libraries: React, Angular
β€’	Prototyping & Design Tools: Figma, Sketch, Adobe
β€’	AI Tools: RAG Agents, Langchain

πŸ“Œ Experience Highlights

Microsoft – Senior UX Engineer

October 2017 – Present

My journey began with foundational UX/UI development work in the Teams Admin Center. As I transitioned into Teams Product development, I was part UX Engineer team, developed design and engineer tools, and contributed to open-source libraries, empowering developers and designers with efficient workflows and robust UI components. Today, I focus on maximizing performance and interactivity, improve team collaboration across Microsoft.

For a more detailed view of my work, please visit my portfolio.

πŸ“¬ Let’s Connect!

β€’	Email: [email protected]
β€’	LinkedIn: linkedin.com/in/alexanderkatrukhin
β€’	Portfolio: ux-engineer.com

🌱 Currently Exploring

β€’	Advanced animation techniques (Lottie, CSS Houdini, Web Animations API)
β€’	Scalable design systems and component libraries
β€’	Innovative ways to bridge design and development workflows

πŸ“‚ Featured Projects

πŸ”— MagicBox

MagicBox is a desktop tool to minify images, graphics, design source files. Organize a workspace by creating file sets, assign them to project, track file updates, export to project.

πŸ”— Fluetn UI React Charts

An accessible React charting library with Teams design config, supporting various chart types with high-contrast themes and customizable features.

πŸ”— Teams React UI Library

This library of React components implements many of the designs released in the Microsoft Teams UI Kit. With these components, your Teams app can offer accessible, high-quality experiences that align with Microsoft Teams.

Thanks for stopping by! Feel free to explore my repositories and reach out if you’d like to collaborate or chat about all things UX, UI, or front-end development.

Pinned Loading

  1. MagicBox MagicBox Public

    Organize your workspace, keep files optimized, prepare images for publishing

    TypeScript 67 9

  2. OfficeDev/microsoft-teams-ui-component-library OfficeDev/microsoft-teams-ui-component-library Public

    Component library enhanced experiences styled for use in Microsoft Teams custom applications.

    TypeScript 127 32