Software Engineer, Design Systems

AbbVie Inc.
North Chicago, IL, United States
5 days ago
Apply on hbcu.com
Prepare application

Role details

Contract type
Permanent contract
Employment type
Full-time (> 32 hours)
Experience level
Experienced
Experience required
4 years minimum
Working hours
Regular working hours
Job source

Tech stack

Artificial Intelligence Automation of Tests Mobile Application Development Continuous Integration Data Security Data Visualization Programming Tools Github Python (Programming Language) Node.Js Systems Development Life Cycle Software Engineering
+11 more
Tokenization TypeScript Web Content Accessibility Guidelines ReactJS Backend AngularJS Material UI Figma Front End Software Development Virtual Agents Automation Anywhere

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 AbbVies 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).
  • Own quality end-to-end-write andmaintainautomated tests, perform accessibility (WCAG 2.2 AA) and cross-browser QA using the teamtoolstack(Storybook, Axe, GitHub), andQAyour own work before release.
  • 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).

Requirements

  • Bachelors Degree in a relevant field and 5 years experience, orMastersDegree 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:

  • Developer skills beyond JS/React (e.g., Angular,additionallanguages/frameworks).
  • Data science background anddata-visualizationexperience.
  • Front-end automation experience.
  • 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).

Benefits & conditions

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 any other form ofcompensation and benefitsthat are allocable to a particular employeeremains in the Company’ssoleandabsolutediscretion unless and until paid andmay bemodified at the Companys 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.

About the company

About AbbVie

Apply for this position

This job is hosted externally. Click below to view the full posting and apply.

Apply on hbcu.com
Prepare application

Good distractions

Talks and stories from around this role — technically off-topic, practically not.

1:20 min

Identifying multi-disciplinary talent for developer experience engineering roles

Hazal Mestci +1 · Coffee With Developers

5:04 min

Configuring the Figma MCP for local code generation

Perf + AI

6:36 min

Funding open source through GitHub Accelerator and Sponsors

Stormy Peters · World Congress 2023

45 sec

Working securely with Node.js path application programming interfaces

Sonya Moisset · World Congress 2023

2:14 min

Exploring internal AI product initiatives and global engineering roles

Maria Apazoglou · Coffee With Developers

1:26 min

Implementing custom component libraries with Figma

Philipp Kremer · World Congress 2023

Videos

See all

Related articles

See all