mhabil

Hi, I’m Emmanuel Abona

Software Engineer & UX Builder crafting high-velocity, human-centric developer tools and web platforms

I turn ambitious product ideas into fast, accessible interfaces. From design tokens in Figma to production-grade component systems in the browser.

View selected work Get in touch

Selected Work

Case studies

Six builds that shaped how I think about product, performance, and craft.

Design & Code Philosophy

How I build

Four commitments behind every interface I ship.

Accessibility is the baseline

Semantic HTML, keyboard-first interaction, WCAG AA contrast, and reduced-motion support — not as polish at the end, but as constraints from the first commit.

Performance is a feature

Core Web Vitals budgets on every build. Small bundles, deferred scripts, optimized media — because speed is the cheapest UX win available.

Systems over pages

Reusable component architecture with typed props, design tokens, and custom hooks — so the tenth screen costs less than the first.

Fidelity from Figma to DOM

Design tokens as the contract between design and engineering. Pixel-level fidelity, motion with purpose, zero drift between canvas and production.

Speaking

Recent talks

On frontend architecture, performance, and building humane developer tools.

  • Jun 2026

    Design Systems at Startup Speed

    Frontend Forward · Berlin, DE

  • Mar 2026

    Core Web Vitals in the Real World

    WebPerf Meetup · Remote

  • Nov 2025

    From Figma to Production DOM

    DesignEng Collective · Amsterdam, NL

All speaking

Writing

Latest articles

Notes from the trenches of frontend engineering.

All articles

Let’s build something fast and human.

Open to product engineering roles, consulting, and collaborations where craft matters.

Start a conversation emma@mhabil.com