Magnitudesoftware

Magnitudesoftware

Senior UI Engineer

USA - Remote · Senior

Sponsorship not specifiedDetected 13 days ago
TypeScriptReactAngularwebpackViteGitCI/CDAgentic AIFigmaUX DesignDesign SystemsAccessibilityAgileRoadmappingPipeline ManagementFP&AERPPerformance ManagementTest AutomationManual TestingAccessibility TestingLeadershipCollaboration

About the role

  • 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.
  • This role goes beyond implementing individual features.

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
  • 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

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 enabling or governing AI-assisted front-end development workflows, including toolchain integration and quality review processes for AI-generated UI output
  • 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
  • Proficiency with modern front-end tooling including TypeScript, build tooling (Vite, Webpack, or Angular CLI), ESLint, Prettier, and CI/CD pipeline configuration

Nice to have

  • 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

Company info

  • 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:
  • 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.
  • 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.
  • 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.
  • 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
  • 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
  • Storybook Environment Ownership
  • 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
  • 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
Apply directly at Magnitudesoftware →Create a free account for alerts like thisView Magnitudesoftware immigration profile

This listing is sourced directly from Magnitudesoftware's careers page and normalized into a canonical job model.