Senior UI Engineer

About Us:

insightsoftware is a global provider of reporting, analytics, and performance management solutions that unlock the potential of business data and transform the way finance and data teams operate. We empower leaders from over 32,000 organizations to make timely and intelligent decisions. Our comprehensive solutions span Financial Planning and Analysis (FP&A), Controllership, and Data and Analytics. We deliver finance teams the insights required to navigate any economic climate and drive greater financial intelligence, while increasing productivity, visibility, accuracy, and compliance. Learn more at insightsoftware.com.

Job Description:

Job Summary

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.

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.

Key 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

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

Required Qualifications

Experience

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

Technical Proficiency

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

Education

Bachelor’s degree in Computer Science , Software Engineering, or a related field required ; equivalent professional experience considered

Preferred Qualifications

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

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.

Additional Information

Learn more about our high-energy, high-performance global team: Work With Us

insightsoftware About Us: Hear From Our Team

Background checks are required for employment with insightsoftware, where permitted by country, state/province.