Frontend Engineer | Design Systems, Web Experiences, and AI Tooling
I build the UI systems and web experiences that teams depend on.
My work spans customer-facing websites, product experiences, design systems, accessibility, and AI-powered developer tooling. From reusable components and design tokens to landing pages, application interfaces, and internal platforms, I help organizations scale high-quality digital experiences without sacrificing speed, consistency, or accessibility.
I enjoy turning design decisions into production-ready systems that can be adopted across products, brands, and teams while creating web experiences that are performant, accessible, and easy to evolve over time.
-
Most of my case studies live under Mirabelle-Workspace — design system experiments, prototypes, and works-in-progress where ideas get tested before they ship.
-
mirabelle-design-systems-org contains component libraries, design tokens, documentation, and design systems work.
-
The-Wednesday-Labs is the umbrella for digital tools built for animal welfare organizations.
-
Organisme-Respire focuses on digital infrastructure supporting a Montréal-based qualitative urban research nonprofit.
- Frontend engineering and scalable UI architecture
- Design systems and component libraries
- Customer-facing web experiences and product interfaces
- Design-to-code workflows (Figma to production)
- Accessibility built into the system, not added later
- Multi-brand theming and reusable platform foundations
- AI-assisted development and documentation workflows
- Developer experience and internal tooling
React • TypeScript • JavaScript • HTML • CSS • Tailwind CSS • Next.js • Vite
Design Tokens • Storybook • Component APIs • Multi-Brand Theming • Design-to-Code Systems
WCAG 2.1 AA • Semantic HTML • Keyboard Navigation • Screen Reader Support • ARIA • Focus Management
React Testing Library • Visual Regression Testing • Accessibility Testing (axe)
RAG Documentation Systems • MCP Servers • AI Agents • Workflow Automation • LLM Integrations
- Portfolio: https://www.mirabelledoiron.com
- LinkedIn: https://www.linkedin.com/in/mirabelledoiron
- Let’s talk: https://cal.com/mirabelle-doiron
I use AI as part of how I build products and systems: accelerating exploration, generating prototypes, automating workflows, and improving developer experience while maintaining ownership of architecture, implementation, and quality.