Ali Dib — Senior Product Designer · Design systems · Payments UX · AI-native
Designed. Built. Shipped.
15+ years in product and UI design for web and native mobile. I co-founded a design system used across 8 products by 12 designers and 30+ engineers, design payment and billing products that meet WCAG, and prototype and ship tools with Claude Code and the Claude API.
Selected work
Smart Invoice A utility bill people can actually read
A self-initiated redesign of the utility bill: the answers first, the details on demand, and accessible from the start. KUBRA adopted it as a product, at least three utilities launched it, and calls about the bill dropped by at least 15%.
GrantIQ AI grant matching and writing for Canadian artists
An AI grant platform that matches Canadian visual artists to funding and helps them write the application. I designed and built it on my own.
KUBRA Design System From static library to dynamic, variable-driven system
How I made KUBRA’s enterprise design system dynamic and variable-driven for 8 products, 12 designers and 30+ engineers, cutting 128 banner variations down to one component along the way.
FusionX Figma plugin suite for an enterprise design system
Six tools in one Figma plugin that automate the slow, repetitive and error-prone work of keeping a large design system and its product files consistent. A full client rebrand went from weeks to about 20 minutes.
-
Smart Invoice A utility bill people can actually read Billing product KUBRA 2019 -
GrantIQ AI grant matching and writing for Canadian artists AI SaaS Own product 2025–2026 -
KUBRA Design System From static library to dynamic, variable-driven system Design system KUBRA 2021–2026 -
FusionX Figma plugin suite for an enterprise design system Design tooling KUBRA 2026
More work
Brand, signage and web-
Aston Martin DB11 Canadian debut Interactive signage Aston Martin 2017 -
Canada Tiny Dream Homes Brand & website Brand & web Canada Tiny Dream Homes 2026 -
Mazda SKYACTIV dealer screens Dynamic signage Mazda dealership 2012 -
Zeena Sileem Artist portfolio Website Zeena Sileem 2026 -
Freshly Squeezed Product campaigns Campaign system Freshly Squeezed 2026
Clients
Brands I’ve designed forAston Martin Mercedes-Benz McDonald’s Sony BOSS Audi National Ballet of Canada SickKids Foundation Tim Hortons Nissan KFC General Motors Taco Bell Harry Rosen Mazda Acura Dream
About
Belleville, ON, Canada · Open to remoteI design payment and billing products and the design systems that scale them.
Senior Product Designer with 15+ years in product and UI design for web and native mobile. For 10 years at KUBRA I designed billing and payment software for utilities and public-sector clients in the US and Canada: native iOS and Android payment apps, payment and account-management flows, self-service kiosks and back-office tools. I co-founded the desktop design system, founded its mobile counterpart, and built Figma plugins on the Claude API to automate design QA and handoff. I build with Claude Code, and I review and debug everything it writes. Before that I founded and led two design departments and designed for Aston Martin, Mercedes-Benz, McDonald’s and Sony. Fluent in English and Arabic; intermediate French.
- 15+
- Years in product and UI design
- 8
- Products on the design system I co-founded
- 15%+
- Fewer billing calls after the Smart Invoice
- 19
- National and international design awards
- Design systems at scale
- Co-founded the enterprise desktop system and founded its mobile counterpart, adopted across 8 core products by 12 designers and 30+ engineers.
- Dynamic, automated systems
- Figma variables, variants and design tokens, plus custom plugins that automate design QA and developer handoff.
- Accessibility
- The design team’s WCAG specialist, building accessibility into components, reviews and releases.
- Team builder
- Founded two design departments from zero, hiring and leading up to 12 designers, developers and translators.
Full-time or contract · Remote · Eastern Time
Experience
Résumé (PDF) (opens in a new tab)- Aug 2020 – Oct 2026
Senior UI/Product Designer (official title: Senior Visual Designer)
KUBRA · Mississauga, ON
Co-founded the desktop design system and founded the mobile design system for 8 products, used by 12 designers and 30+ engineers, and led its governance. Designed native iOS and Android payment apps and payment and account-management flows in BizPAY+ and BizHQ+. Built FusionX, a 6-tool Figma plugin suite on the Claude API, which cut a full client rebrand from weeks to about 20 minutes. Served as the team’s WCAG accessibility specialist and ran 8 AI workshops for 22 colleagues.
- Aug 2016 – Jul 2020
Front-End Developer
KUBRA · Mississauga, ON
Conceived the Smart Invoice (2019), an accessible bill redesign with VoiceOver read-aloud and a built-in tutorial, then designed it and built its front end. It cut billing calls by 15%+ and was adopted as a KUBRA product by 3+ utilities. Also designed the EZ-PAY self-service payment kiosk front end and managed delivery for 7 client accounts through COVID-19.
- 2025 – Present
AI Product Builder
Independent · Remote
Designed and built GrantIQ, an AI-powered grant discovery SaaS, and Job Radar, an AI job-matching app (Next.js, Supabase, Claude API), plus this site from my own design tokens, all with Claude Code. I review and debug all AI output.
- 2018 – 2020
Mobile Product Designer & iOS Developer
Independent · Remote
Designed and launched Freshly Squeezed, a native iOS and Android ordering app with loyalty points. Grounded it in about 50 surveys and 10 moderated usability tests, coded the Swift front end and maintained it after launch.
- Jun 2014 – Apr 2016
Digital Signage Manager
Wolfe Works · Mississauga, ON
Founded the digital signage department, hired and led a team of 4 designers and developers, and owned content scheduling, the product roadmap and client relationships. Designed Grand & Toy’s smart kiosk with their marketing team and tested it with shoppers in store.
- Mar 2012 – Jun 2014
Senior Web & Motion Designer
Montana Steele Strategic Marketing · North York, ON
Designed and developed responsive websites (HTML5, PHP, WordPress) for real estate marketing campaigns, created motion graphics, and built large-format touchscreen experiences for sales presentation centres.
- Oct 2010 – Mar 2012
Senior Graphic Designer & Web Developer
The Works Design Communications Ltd. · Toronto, ON
Designed and developed websites, corporate identity and print collateral for corporate clients.
- Oct 2005 – Sep 2010
Digital Media Manager
Synergex · Mississauga, ON
Founded and led the digital media department, a team of 12 designers, developers and translators. Delivered digital signage and animated content for global brands, including menu boards for McDonald’s, dealership signage for Mercedes-Benz, a signage menu solution for Sony and in-store advertising for BOSS. Won Best Digital Signage Design & Solution in Los Angeles (2008).