Design Engineer — Design Systems

I love being at the intersection of design and engineering. Turning design into production-ready components, defining how they’re used through clear APIs, and building token systems for consistency across teams. Accessibility is built in from the beginning.

Most of my Case-Studies lives under Mirabelle-Workspace

• Design systems and component libraries
• Design → code translation (Figma to production)
• Accessibility built into the system (not added later)
• Multi-brand theming and scalable UI architecture
• AI-assisted workflows for documentation and development

• UI Engineering: React, TypeScript, HTML/CSS, Web Components, Lit
• Systems: Design Tokens, Storybook, Component APIs, Theming (multi-brand / white-label)
• Accessibility: WCAG 2.1 AA, Semantic HTML, Keyboard + Screen Reader support, ARIA patterns, Focus management
• Styling: Tailwind CSS, CSS architecture, token-driven styling systems
• Testing: React Testing Library, Visual Regression, Accessibility testing (axe)
• AI (Applied): RAG systems for documentation, MCP servers, AI agents, workflow automation

• Portfolio: https://www.mirabelledoiron.com/
• LinkedIn: https://www.linkedin.com/in/mirabelledoiron

Note on AI
I use AI as part of how I design and build systems—accelerating exploration, validating edge cases, and automating workflows—while maintaining full ownership of architecture and code.