Colin Lohner

Senior Front-End Engineer — Front End Platform & Design Systems

Senior Front-End Engineer

DoorDash05/2021 – Present · San Francisco, CA
  • Built and scaled Prism, DoorDash's React/TypeScript design system, powering component libraries for all web platforms.
  • Developed CI/CD tooling to sync design tokens from Figma to production code, reducing errors and improving consistency across iOS, Android, and Web.
  • Provided platform support for product engineers using Next.js, ensuring correct function of Prism components in SSR and client-side environments.
  • Supported engineering teams companywide in Prism adoption, ensuring consistent design system utilization across all features shipped at DoorDash.
  • Created a comprehensive design tokens infrastructure for Prism, automating Figma-to-code transfers for multi-platform support.
  • Led Wolt and Deliveroo theme integration by extending theming architecture and creating reusable token patterns for multi-brand scalability.
  • Pioneered Design System AI strategy, integrating AI tooling, building Claude-powered skills, and developing prototyping tools for system adoption.

Software Engineer — Contract

Supernova.io10/2023 – 12/2023 · Remote
  • Developed a Figma plugin enabling synchronization of Figma variables to Supernova as design tokens.
  • Built tooling and APIs to support conversion of Figma variables into design tokens within the Supernova engine.
  • Worked with BFF API patterns to improve the design-to-development pipeline.

Senior UI Engineer

Segment02/2020 – 05/2021 · San Francisco, CA
  • Maintained and scaled Evergreen (open-source design system) and uibox; developed and enhanced UI components, managed open-source community, reviewed PRs, and guided contributors.
  • Worked across the full stack during the Segment rebrand, consuming and contributing to BFF API endpoints to support new design system-driven UI surfaces in a Next.js-based application.
  • Led full Segment and Evergreen rebrand: audited all components, variants, and modifiers; streamlined the system; implemented changes across marketing site and core product; managed breaking changes and migration for product teams.

Front-End Developer

Creative Market08/2018 – 02/2020 · San Francisco, CA
  • Directed the front-end codebase — planned and led all front-end initiatives, set technical direction, and led high-impact product features.
  • Built Spangle — Creative Market's design system, unifying the product's look and feel and improving design/development efficiency through reusable components.
  • Migrated the front-end stack from three different frameworks to React — reduced technical debt, improved performance and maintainability, simplified onboarding.

Front-End Developer

Alkami Technology05/2016 – 07/2018 · Plano, TX
  • Front-end development of widgets, themes, and tools for Alkami's banking platforms; collaborated closely with design and backend teams.
  • Built a comprehensive design system for Alkami — unified brand and UX across applications, enabled white-labeling and custom theming, accelerated feature development, and reduced client onboarding costs via automated theme tooling.

Co-Founder

Pantry Technologies08/2019 – 01/2021 · San Francisco, CA
  • Led development of ML/LLM technologies to parse recipes and generate personalized meal plans and shopping lists.
  • Built and launched a proof-of-concept beta application; gathered feedback from early users to validate market interest.

Senior Front-End Engineer with over 10 years of experience in UI platform development and design systems, expert in building shared infrastructures and component libraries. Key achievements include increasing Prism design system adoption by 35% across DoorDash engineering teams and leading AI tool integration, reducing design-to-development cycle time by 20%.

Boosted Design System Adoption

Increased Prism adoption by 35% across DoorDash engineering teams.

Implemented AI Strategy

Led integration of AI tools, reducing design-to-dev cycle time by 20%.

Enhanced Workflow Efficiency

Streamlined design workflow, cutting manual errors by 50% using automated tooling.

Languages

HTMLJavaScriptTypeScriptCSS

Frameworks

ReactNext.jsVue.jsAngular

Design Systems

Design tokensComponent librariesMulti-brand themingFigma integration

Platform & Tooling

CI/CD pipelinesBFF API patternsSSR / Next.jsstyled-componentsNode.js

AI & Emerging

LLM/ML developmentClaude-powered toolingAI design system strategy