Senior UI Engineer

insightsoftware•Raleigh, NC

7d•$111,000 - $139,000

About The Position

insightsoftware is seeking a Senior UI Engineer to serve as the front-end technical foundation of the newly established UX team in the Certent Equity Management (CEM) product organization. Reporting to the UX Manager, Equity, this role is responsible for architecting and owning the CEM design system infrastructure including the branded component library, design token pipeline, Storybook documentation environment, and AI-assisted development toolchain while also serving as the primary front-end implementation partner to the UX and Product teams. The Senior UI Engineer brings deep expertise in Angular and React, component library architecture, design system engineering, and the tooling that bridges design and production code in modern SaaS product organizations. This is a role for an engineer who operates at the intersection of design and engineering: someone who cares deeply about UI quality, understands design intent, and builds the systems and workflows that allow designers, engineers, and AI agents to deliver consistent, accessible, on-brand experiences at speed. This role goes beyond implementing individual features. It requires establishing the technical infrastructure that governs how the entire CEM product organization produces front-end UI (from token authoring and component publishing to AI-assisted prototyping and automated visual testing) and serving as the engineering authority on front-end quality, consistency, and delivery velocity.

Requirements

5+ years of front-end engineering experience, with progressive responsibility in enterprise SaaS product organizations.
Demonstrated experience with both Angular and React in production environments including component architecture, state management, and performance optimization in each framework.
Demonstrated experience architecting and owning a production design system including component library publishing, design token pipeline management, Storybook ownership, and engineering governance at scale.
Proven experience implementing design token pipelines end-to-end (from design tool token authoring through Style Dictionary transformation to front-end theme consumption) with a clear understanding of how each layer interacts.
Demonstrated experience enabling or governing AI-assisted front-end development workflows, including toolchain integration and quality review processes for AI-generated UI output.
Strong collaboration skills with UX Designers and Product Managers; able to engage credibly in design reviews, contribute to discovery, and translate design intent into engineering standards without loss of fidelity.
Expert-level Angular proficiency including module architecture, RxJS, Angular CDK, component composition patterns, and enterprise-scale application structure.
Strong React proficiency including component composition patterns, hooks architecture, performance optimization, and scalable state management.
Hands-on experience with enterprise component libraries including theming systems, component API extension patterns, and accessibility compliance.
Hands-on experience with Tokens Studio and Style Dictionary including token schema design, multi-brand token architecture, and GitHub-based token sync workflows.
Expert-level Storybook proficiency including addon configuration, story authoring, MDX documentation, Chromatic integration, and CI/CD pipeline deployment.
Working knowledge of Model Context Protocol (MCP) and experience configuring or consuming MCP servers in AI-assisted development workflows.
Strong command of web accessibility standards (WCAG 2.1 AA) and practical experience implementing accessible UI components with automated testing.
Proficiency with modern front-end tooling including TypeScript, build tooling (Vite, Webpack, or Angular CLI), ESLint, Prettier, and CI/CD pipeline configuration.
Experience with semantic versioning, package publishing, and changelog governance for shared component libraries.
Bachelor’s degree in Computer Science, Software Engineering, or a related field; equivalent professional experience considered.

Nice To Haves

Experience building front-end infrastructure for financial services, ERP, or similarly complex enterprise SaaS platforms where UI density, data precision, and accessibility are non-negotiable requirements.
Experience with Storybook MCP or comparable AI agent integrations that expose component libraries and design system knowledge to AI coding workflows.
Experience with private package registry tooling (GitHub Packages, Verdaccio, or similar) for internal component library distribution.
Familiarity with Figma component architecture and design token conventions sufficient to evaluate Figma library changes for front-end impact without designer translation.
Experience with visual regression testing at scale including Chromatic snapshot management, baseline governance, and integration with PR review workflows.
Experience contributing to or leading front-end architecture for a platform modernization or greenfield SaaS initiative.
Familiarity with application instrumentation tooling (e.g., WalkMe, FullStory, Pendo) and experience implementing or supporting analytics event tracking at the component level.
Experience in a high-growth, fast-paced SaaS company where front-end infrastructure must scale alongside rapidly evolving product requirements.

Responsibilities

Design System Architecture & Ownership: Architect and own the CEM design system including the branded component library, token architecture, theming system, accessibility standards, and component API conventions; establishing the technical foundation that governs front-end UI production across the platform.
Evaluate and select the appropriate component library framework for CEM’s technology stack in partnership with Engineering leadership ensuring the chosen solution supports design token integration, accessibility compliance, and long-term maintainability at enterprise scale.
Implement and maintain the design token pipeline from Figma token authoring (Tokens Studio) through Style Dictionary transformation to front-end theme consumption; ensuring design decisions made in Figma are reliably and automatically reflected in the production UI.
Build, publish, and version the CEM component library as a shared, consumable package managing semantic versioning, changelog governance, and distribution so that multiple engineering teams can adopt and update the system with confidence.
Define and enforce component API standards, prop and input conventions, and composition patterns that make the design system predictable to consume, easy to extend, and resistant to drift as engineering teams scale.
Establish and maintain automated visual regression testing through Chromatic or comparable tooling, ensuring that design system changes are validated before reaching production and that regressions are caught at the component level.
Storybook Environment Ownership: Own the CEM Storybook environment as the shared design-development contract: configuring, maintaining, and evolving Storybook so it serves as the authoritative reference for component behavior, interaction states, accessibility compliance, and usage guidance.
Implement and maintain design token and Figma addon integrations within Storybook, ensuring that the documentation environment accurately reflects current token values and provides designers with reliable feedback on how design decisions translate to rendered components.
Establish Storybook contribution standards: defining story structure, documentation templates, accessibility annotation conventions, and review processes so that every component entering the system is documented to a consistent, high standard.
Integrate Storybook into the CI/CD pipeline: automating build, deployment, and visual regression checks so that the design system documentation environment remains current and trustworthy without manual overhead.
AI-Assisted Development Toolchain: Architect and implement the Storybook MCP (Model Context Protocol) integration exposing the CEM component library, design token system, interaction patterns, and accessibility standards to AI coding agents so that AI-generated front-end code adheres to the CEM design system rather than producing generic or off-brand UI.
Define and maintain the governance layer for AI-assisted development workflows, establishing human review gates, automated lint and accessibility checks, and component validation steps that ensure AI Builder output meets production quality standards before engineering commitment.
Evaluate, recommend, and integrate AI development tooling (e.g., Cursor, GitHub Copilot, v0) into the CEM front-end development workflow: identifying opportunities to accelerate prototyping, component scaffolding, and feature implementation without sacrificing design system adherence or code quality.
Partner with UX Designers to enable AI-assisted prototyping workflows providing designers with governed, system-aware tooling that allows rapid translation of well-defined requirements into production-ready component implementations.
Continuously evaluate the AI toolchain as the ecosystem evolves; proactively identifying new capabilities that would further accelerate CEM delivery and recommending adoption where the quality and governance bar can be met.
Front-End Implementation: Lead front-end implementation for high-complexity CEM features: translating UX design specifications into components that are performant, accessible, and fully aligned to design system standards.
Serve as the front-end technical authority in cross-functional product squads: contributing to sprint planning, story refinement, and technical design reviews with a focus on front-end architecture, component reuse, and implementation feasibility.
Collaborate directly with UX Designers during design handoff providing engineering input on component constraints, interaction complexity, and implementation tradeoffs early enough to prevent rework.
Establish and maintain front-end code quality standards including linting configuration, accessibility testing, unit and integration test conventions, and PR review criteria for UI code across the CEM engineering organization.
Participate in sprint reviews and QA walkthroughs evaluating delivered front-end experiences against design intent and flagging regressions or implementation gaps for resolution before release.
Design-Engineering Collaboration: Serve as the primary technical bridge between the UX team and Engineering: translating design system decisions into engineering-consumable standards and surfacing front-end constraints that should inform design direction before engineering commitment.
Partner with the UX Manager and Lead UX Designer on design system roadmap planning providing engineering effort estimates, identifying technical dependencies, and sequencing infrastructure investments to support product delivery timelines.
Contribute front-end engineering input to PRD development and UX discovery for high-complexity features helping Product and Design understand what is achievable within current architecture and what would require foundational investment.
Engineering Practice & Enablement: Establish front-end engineering documentation including component usage guides, token implementation references, AI toolchain onboarding materials, and contribution standards so that engineering teams across CEM can adopt and extend the design system without friction.
Mentor engineers on design system consumption patterns, component library best practices, and front-end accessibility implementation; building organizational capability rather than creating dependency on a single engineer.
Evaluate and recommend front-end toolchain investments including build tooling, testing frameworks, and bundling strategies that support the performance and maintainability requirements of the CEM platform at scale.

Benefits

The salary range in United States of America for this position is 111,000.00 to 139,000.00 USD Annual.
Your specific offer within this range will be determined by your skills, experience, and qualifications.
For non-sales roles, you may be eligible for a bonus.
For sales roles, this range includes a commission target.
We are committed to pay transparency and fair compensation practices.
If you have questions about our compensation approach, please don't hesitate to ask during the interview process.
All your information will be kept confidential according to EEO guidelines.
Background checks are required for employment with insightsoftware, where permitted by country, state/province.
We are committed to equal employment opportunity regardless of race, color, ethnicity, ancestry, religion, national origin, gender, sex, gender identity or expression, sexual orientation, age, citizenship, marital or parental status, disability, veteran status, or other class protected by applicable law.
We are proud to be an equal opportunity workplace.