Hello!
I’m Marriay Malik, a software engineer
Specialising in design systems, I build robust components, scalable patterns, and developer-friendly tools.
My expertise
Pixels, patterns, and production ready code
Systems Architecture
Structuring component hierarchies, token taxonomies, and scalable patterns that hold up across multiple brands, themes, and product surfaces.
Design to Code
Fluent in both Figma and production code, I close the gap between design intent and implementation with precision, keeping both sides of the process aligned.
Design Systems
Deep experience building and evolving multi-brand, multi-theme component libraries with Storybook, design tokens, and developer first documentation.
Frontend Development
Building performant, accessible UIs with React and TypeScript, from reusable component libraries to full front-end applications.
About me
The person behind the pixels
I’m Marriay Malik, a software engineer specialising in design systems. I sit at the intersection of design and engineering, turning concepts into components that are pixel-perfect, accessible, and built to scale.
Whether I’m architecting a component library, defining design tokens, or translating a Figma file into production-ready code, I care deeply about every layer of the stack. I thrive on building the tools and patterns that help teams ship with consistency and confidence.
Companies I’ve built with
I’ve worked across a range of industries, helping teams build better products through strong engineering and thoughtful design. I’m always open to the next challenge.
Skills that ship products
HTML
CSS
TypeScript
React
Figma
Design Tokens
Testing
Accessibility
Taking Orders From My Cats
July 2024 - Present
Senior Software Engineer @ Sainsbury’s
A senior member of the team responsible for designing, developing, and maintaining Sainsbury’s design system, ensuring consistent, accessible experiences across digital products. I build scalable React and TypeScript components with multi-brand, multi-theme, and multi-density support, maintain Storybook documentation, and collaborate closely with UX designers to bring user-centric designs to life. I also support consuming teams with integration guidance, mentor junior developers, and drive adoption through clear, developer-friendly documentation.
May 2022 - July 2024
Software Engineer @ Compare the Market
Part of the core team building and maintaining Compare the Market’s company wide React component library. I developed reusable, tested components, maintained Storybook, and supported other product teams with integration. I also collaborated with UX to establish a design system and led the development of an internal CSS and HTML framework, prioritising semantic markup, accessibility, and long-term adoption through documentation.
Jan 2022 - May 2022
Frontend Developer @ TwentySix Digital
Delivered bespoke frontend solutions for clients including Civica, Tag Heuer, and GNetwork using HTML, CSS/SCSS, JavaScript, and React. Responsibilities included BAU support, integrating headless CMS platforms (Kontent, Contentful), implementing accessibility and performance best practices, and maintaining clear technical documentation for clients.
Feb 2020 - Oct 2021
Junior UI Developer @ BGL Group
Dedicated UI developer in a full-stack team, implementing MVTs across 13+ insurance brands including Budget, RAC, and Post Office. Built responsive, accessible interfaces with HTML, CSS/SCSS, and JavaScript in close collaboration with UX and C# developers. Key projects included a customer facing my account web app, a single page addons flow, and a redesigned RAC basket experience.
Sep 2018 - Feb 2020
Graduate Software Developer @ BGL Group
Rotational graduate scheme spanning UI development, test automation, data engineering, and React frontend development. Built insurance brand prototypes, developed UI automation frameworks with Specflow, worked with SQL pipelines, and contributed to the Compare the Market Storybook component library used across product teams.
I had the opportunity to work with Marriay on the same project, where we were building a design system and a set of reusable UI components as frontend engineers. She’s an incredibly skilled developer with a strong sense for clean, efficient code and user-focused design. Marriay was always proactive, collaborative, and a real asset to the team. Working with her was a great experience, and I’d be happy to collaborate with her again.
Former colleague
My work
Built with intention, shipped with care
Process
My workflow is centred around being highly productive
Discovery
I start by getting under the skin of the product, auditing existing patterns, understanding brand and user needs, and aligning on technical constraints before a single component is written.
Design Collaboration
I work directly with UX in Figma to bridge intent and implementation. I identify reusable patterns early and flag engineering concerns before they become blockers further down the line.
Token Architecture
I define the foundation: colour, spacing, typography, and density tokens structured for multi-brand and multi-theme flexibility. Good tokens make everything downstream faster and more consistent.
Component Development
I build accessible, tested React and TypeScript components that work across brands, themes, and densities, with the semantics, performance, and robustness that production demands.
Documentation
Storybook stories, usage guidelines, and hands on integration support. I make sure consuming teams can adopt components confidently and ship consistently without needing to second guess anything.
Team Adoption
I work directly with product teams to ensure successful integration, pairing on implementation, answering questions, and gathering feedback that feeds back into the system so it keeps improving with real-world use.
Tools that power my every day
- Figma✦
- VS Code✦
- Claude✦
- Slack✦
- Spotify✦
- GitHub✦
- Notion✦
- Obsidian✦
- Vercel✦
- Miro✦
- Git✦
- Jira✦
- Storybook✦
- Figma✦
- VS Code✦
- Claude✦
- Slack✦
- Spotify✦
- GitHub✦
- Notion✦
- Obsidian✦
- Vercel✦
- Miro✦
- Git✦
- Jira✦
- Storybook✦
Writing