Karim Naseer Senior Design Systems Designer
Vilnius, Lithuania • karim.naseer.ds@gmail.com • +370 6 555 0147
Profile Summary
- Senior Design Systems Designer with 9 years of experience shipping consumer marketplace web and native apps at scale across second-hand commerce, mobile shopping, and seller tooling, specializing in component library architecture, design tokens, and design-engineering parity.
- Hands-on coverage across components (Figma with variables and modes), tokens (Tokens Studio with Style Dictionary), documentation (Zeroheight linked to Figma), engineering parity (Storybook with Chromatic visual regression), and accessibility (axe DevTools with Stark for Figma), credentialed through IAAP CPACC accessibility certification.
- Deep craft in component architecture with variants, properties, and slots, semantic and reference token modeling with theming, foundations work across type, color, spacing, and motion, and design-engineering parity through Storybook and tokens, applying methods such as contribution model with RFCs and component review and semantic versioning with deprecation policy and changelogs to deliver a shipped system that lifts adoption, parity, and ship velocity for product teams.
- Engaged collaborator working cross-functionally with Product Design, Engineering, Brand, Accessibility, and Content teams inside a platform team that ships the system as a product to consumer squads, contributing to weekly contribution review, design crits, and roadmap shaping with an ownership-first mindset and clear release notes in Notion and Slack.
- Mentor who shares technical excellence and fosters a culture of accessible-by-default, token-driven components and a contribution model that scales without breaking adopters through pairing sessions and review coaching, while running the systems guild and weekly office hours for product designers and engineers and publishing widely used component playbooks and migration recipes.
Technical Skills
- Components & Figma:
- Figma with variables and modes, auto-layout, variants and properties, component slots, interactive components, Figma libraries, Figma Dev Mode, prototyping, multi-file source publishing
- Design Tokens & Theming:
- Tokens Studio with Style Dictionary, W3C design-tokens format, JSON token pipelines, theming and modes, light and dark, multi-brand surfaces, semantic and reference tokens
- Foundations & Visual Language:
- typography scales, color systems with contrast pairs, spacing systems, 8-point grid, iconography, elevation and shadow, motion and easing, radius and surface
- Documentation & Patterns:
- Zeroheight linked to Figma, usage guidelines, do and do-not patterns, interaction patterns, accessibility notes, Notion playbooks, Supernova, Backlight
- Accessibility Standards:
- axe DevTools with Stark for Figma, WCAG 2.2 AA, keyboard navigation, focus management, ARIA roles and labels, screen-reader behavior, reduced-motion support, high-contrast modes
- Design-Engineering Parity:
- Storybook with Chromatic visual regression, React with TypeScript, Chromatic visual regression, GitHub PRs and code review, design-token sync, Style Dictionary build, Figma to code parity audits
- Governance & Contribution:
- contribution model, RFCs and proposals, component review, semantic versioning, deprecation policy, release notes, roadmap planning, adoption metrics, office-hours rota
- Collaboration & Enablement:
- Product, Engineering, Brand partnership, pairing sessions, design crits, Figma comments, Notion documentation, Linear and Jira tickets, Slack office hours, newsletter and changelog
- Credentials & Education:
- IAAP CPACC accessibility certification, Interaction Design Foundation certifications, design-system management workshops, Atomic Design framework, Material 3 study, Polaris and Carbon case studies
Education
Work Experience
- Owned the Vinted design system shipped to web and native serving 22 product squads across 3 platforms (web, iOS, Android), with 140+ designers and engineers consuming the libraries on a daily basis.
- Designed and maintained the component library, building auto-layout components with variants, properties, and interactive states, shipping 180 reusable components across web and native, and modeling 1,400 variant and state combinations so squads stop forking the kit.
- Modeled design tokens and theming through a semantic-over-reference token model piped through Style Dictionary into web and native code, landing 640 tokens for color, type, spacing, radius, motion, and elevation, and shipping 4 brand and theme combinations (light, dark, high-contrast, seasonal) from the same source.
- Built the foundations and visual language with a unified type scale, color system with verified contrast pairs, and an 8-point spacing system, shipping a 9-step type scale and 38 semantic color roles, replacing the ad-hoc style chaos that lived across teams before.
- Drove accessibility standards into every component with WCAG 2.2 AA baked into every component with focus rings, ARIA roles, and screen-reader behavior verified in axe, reaching 2.2 AA conformance on all primitives and fixing 74 contrast pairs in the legacy palette across the audit.
- Held design-engineering parity by making sure Storybook documented every component, Chromatic gated PRs, and the token build kept Figma and code in lockstep, with 320 stories published as living documentation and token drift between Figma and code held under 2% on the quarterly parity audit.
- Ran governance, adoption, and enablement on a published contribution model with RFCs, component review, semantic versioning, and a deprecation policy, lifting active adoption to 92% of in-flight features, merging 48 community contribution PRs a year, hosting weekly office hours, and pushing ship velocity for product teams up by 2.4x on net-new feature work.
- Wrote the pattern documentation and guidelines, producing usage guidelines, do and do-not examples, and interaction patterns published in Zeroheight, authoring 86 doc pages with 140+ do-and-do-not entries, and running 4 quarterly content reviews to keep the guidance fresh as the kit evolved.
- Pushed tooling and automation forward by shipping an in-house Figma plugin that swept stale styles and surfaced detached instances, plus a token-export script for Android and iOS engineers, releasing 3 plugins to the design org and saving 36 designer hours per sprint on cleanup and engineer handoff.
- Owned system strategy and roadmap with a quarterly system roadmap backed by adoption metrics and tied to product-team intake, lifting adoption from 41% to 78% across 11 product teams and defending the system roadmap with the Head of Design on a quarterly review.
- Ran enablement and training across the org through onboarding tracks, monthly workshops, and a migration buddy program for teams moving off the legacy UI kit, delivering 22 workshops over the role and cutting onboarding cycle time for new designers to 2 weeks end to end.