Note: The job is a remote job and is open to candidates in USA. insightsoftware is a global provider of reporting, analytics, and performance management solutions that unlock the potential of business data. They are seeking a Senior UI Engineer to serve as the front-end technical foundation of the newly established UX team, responsible for architecting and owning the CEM design system infrastructure and collaborating with UX and Product teams.
Responsibilities
- 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
- 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
- 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
- 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
- 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
- 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
Skills
- 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 required; equivalent professional experience considered
- 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
Benefits
- For non-sales roles, you may be eligible for a bonus.
- For sales roles, this range includes a commission target.
- Background checks are required for employment with insightsoftware, where permitted by country, state/province.
Company Overview
Company H1B Sponsorship