Software Engineer, Design Systems

ABBVIE; North Chicago (IL); On-site; USD 85,000 - 162,000; Full time

Benefits offered by this job

Paid time off

Medical insurance

Dental insurance

Vision insurance

401(k)

Job summary

AbbVie’s Unity Design System team seeks a hands-on, full-stack engineer to build the React component library and developer tooling. You will pioneer AI-assisted workflows and support a 600+ developer community as the primary Unity resource.

You will collaborate across Unity, BTS, and AbbVie communities, translating developer needs into actionable work while ensuring compliance and SDLC adherence.

Qualifications

• Bachelor’s Degree in a relevant field and 5 years’ experience, or Master’s Degree in a relevant field and 4 years of experience.
• Experienced front-end engineer with strong/proficient React and TypeScript skills, strong HTML/CSS, and proven design-system/component-library development experience.
• Strong understanding and awareness of design tokens / tokenization and scalable theming.
• Demonstrated hands-on experience developing agentic AI and AI workflows, including Claude Code skills and AI-assisted developer tooling.
• Backend and full-stack capability with Python and Node.js.
• Proficiencywith the teamtoolstack: Storybook, GitHub, and accessibility/WCAG testing tools (e.g., Axe).
• Strong testing and QA discipline — consistently QAs own work.
• Experience building products for a developer-facing audience, with the ability to “meet developers where they are.”

Responsibilities

• Design, build, test, and maintain reusable, accessible React/TypeScript components for the Unity React library, with deep attention to design tokens/tokenization, theming (light/dark, density modes), composability, and Storybook documentation.
• Build and advance AI-assisted and agentic developer workflows— including Claude Code skills, MCP server integrations (Figma, Storybook), context/markdown files, and prompt-to-code/design-to-code pipelines — that enable developers and AI agents to deliver Unity-compliant UI at scale.
• Developfull-stack supporting services, front-end automation, and build/release/validation tooling using Python and Node.js (CI/CD, design-ops, compliance checks).
• Act as the developer-facing face of Unity —provide community support, outreach, and management; build relationships, run demos/office hours/presentations, andestablishtrust and credibility as the go-to resource for Unity development.
• Independently gather and generate requirementsfrom developer-community needs, translate them into actionable work,maintainappropriate technicaldocumentation, and communicate projectobjectives, progress, issues, and escalations to relevant stakeholders through quick feedback loops.
• Contribute to Unity's data-visualization capabilitiesand support data-science-driven features, applying a data-science background and data-visualization experience where applicable.
• Wear multiple hats and context-switchas a co-owner of team responsibilities acrossrequirements, development, QA/testing, deployment, application development, community building, and presentations.
• Learn, master, and stay current with evolving AI developmentand productivity tooling; pilot, evaluate, and help roll out improvements (e.g., Storybook MCP, AI documentation, and new productivity tools) across the team.
• Contribute technical guidance and supportor mentor colleagues as appropriate; partner with designers, brand, accessibility, and BTS stakeholders; and adhere to corporate standards, including the code of conduct, data security,GxPcompliance where applicable, and the software development lifecycle (SDLC).

Skills

React

TypeScript

HTML/CSS

Design tokens

AI workflows

Python

Node.js

Education

Bachelor’s Degree in a relevant field

Master’s Degree in a relevant field

Tools

Storybook

GitHub

Axe (WCAG testing)

Job description

• Compensation: USD 84500 - USD 162000 - yearly

Company Description

About AbbVie

AbbVie's mission is to discover and deliver innovative medicines and solutions that solve serious health issues today and address the medical challenges of tomorrow. We strive to have a remarkable impact on people's lives across several key therapeutic areas including immunology, oncology and neuroscience - and products and services in our Allergan Aesthetics portfolio. For more information about AbbVie, please visit us atwww.abbvie.com . Follow @abbvie onLinkedIn, Facebook ,Instagram ,X andYouTube.

Job Description

Unity is AbbVie's enterprise design system — the shared tokens, components, standards, and documentation that enable rapid, compliant, high-quality digital product delivery at scale. The Unity Design System team is transitioning Unity into a fully AI-enabled, agent-ready platform: AI-assisted design-to-code, Claude Code skills, MCP integrations, and AI-driven UI delivery, with humans in the loop to curate, approve, and evolve standards.

This role sits on the developer-facing side of Unity. The person in this seat is a hands-on, full-stack-leaning engineer and the visible “face” of Unity development — building the React component library and developer tooling, pioneering agentic AI workflows, and serving the 600+ member developer community as a trusted, go-to resource.

Work collaboratively across the Unity Design System team, BTS, and AbbVie’s developer and design communities to independently identify, conceive, design, engineer, and optimize developer-facing components, tooling, and AI-assisted workflows that accelerate compliant, high-quality digital product delivery across the enterprise. Serve as a hands-on, full-stack-leaning builder across React/TypeScript components and design tokens, Python/Node.js services and automation, and agentic AI integrations; gather requirements directly from developers, QA work, deploy solutions, and close fast feedback loops. Establish trust and credibility as a go-to resource for Unity development needs and act as the developer-facing face of the design system.

Responsibilities:

• Design, build, test, andmaintainreusable, accessible React/TypeScript components for the Unity React library, with deep attention to design tokens/tokenization, theming (light/dark, density modes), composability, and Storybook documentation.
• Build and advance AI-assisted and agentic developer workflows— including Claude Code skills, MCP server integrations (Figma, Storybook), context/markdown files, and prompt-to-code/design-to-code pipelines — that enable developers and AI agents to deliver Unity-compliant UI at scale.
• Developfull-stack supporting services, front-end automation, and build/release/validation tooling using Python and Node.js (CI/CD, design-ops, compliance checks).
• Act as the developer-facing face of Unity —provide community support, outreach, and management; build relationships, run demos/office hours/presentations, andestablishtrust and credibility as the go-to resource for Unity development.
• Independently gather and generate requirementsfrom developer-community needs, translate them into actionable work,maintainappropriate technicaldocumentation, and communicate projectobjectives, progress, issues, and escalations to relevant stakeholders through quick feedback loops.
• Contribute to Unity's data-visualization capabilitiesand support data-science-driven features, applying a data-science background and data-visualization experience where applicable.
• Wear multiple hats and context-switchas a co-owner of team responsibilities acrossrequirements, development, QA/testing, deployment, application development, community building, and presentations.
• Learn, master, and stay current with evolving AI developmentand productivity tooling; pilot, evaluate, and help roll out improvements (e.g., Storybook MCP, AI documentation, and new productivity tools) across the team.
• Contribute technical guidance and supportor mentor colleagues as appropriate; partner with designers, brand, accessibility, and BTS stakeholders; and adhere to corporate standards, including the code of conduct, data security,GxPcompliance where applicable, and the software development lifecycle (SDLC).

Qualifications

Required:

• Bachelor’s Degree in a relevant field and 5 years’ experience, orMaster’sDegree in a relevant field and 4 years of experience.
• Experienced front-end engineer with strong/proficient React and TypeScript skills, strong HTML/CSS, and proven design-system/component-library development experience.
• Strong understanding and awareness of design tokens / tokenization and scalable theming.
• Demonstrated hands-on experience developing agentic AI and AI workflows, including Claude Code skills and AI-assisted developer tooling.
• Backend and full-stack capability with Python and Node.js.
• Proficiencywith the teamtoolstack: Storybook, GitHub, and accessibility/WCAG testing tools (e.g., Axe).
• Strong testing and QA discipline — consistently QAs own work.
• Experience building products for a developer-facing audience, with the ability to “meet developers where they are.”
• Proven ability to work independently, generate and gather requirements, document technical work, communicate with stakeholders, appropriately escalate issues, andoperatewith fast feedback loops while co-owning responsibilities.
• Excellent written and oral English communication; strong community outreach and relationship-building; a proactive, collaborative team player.

Preferred:

• Data science background anddata-visualizationexperience.
• Familiarity with MCP servers (Figma MCP, Storybook MCP), Figma / Code Connect, andOutSystems.
• Experience with developer relations (DevRel) and community management.
• Mobile development experience (nice to have).

Additional Information

Applicable only to applicants applying to a position in any location with pay disclosure requirements under state orlocal law:

The compensation range described below is the range of possible base pay compensation that the Companybelieves ingood faith it will pay for this role at thetimeofthis posting based on the job grade for this position.Individualcompensation paid within this range will depend on many factors including geographiclocation,andwemay ultimately pay more or less than the posted range. This range may bemodified in thefuture.

We offer a comprehensive package of benefits including paid time off (vacation, holidays, sick),medical/dental/visioninsurance and 401(k) to eligibleemployees.

This job is eligible toparticipate in our short-term incentiveprograms.

Note: No amount of payis considered to bewages or compensation until such amount is earned, vested, anddeterminable.Theamountandavailabilityof anybonus,commission, incentive, benefits, or anyother form ofcompensation and benefitsthat are allocable to a particular employeeremains in the Company'ssoleandabsolutediscretion unless and until paid andmay bemodified at the Company’s sole and absolute discretion, consistent withapplicable law.

AbbVie is an equal opportunity employer and is committed to operating with integrity, driving innovation, transforming lives and serving our community. Equal Opportunity Employer/Veterans/Disabled.