Software Engineer Design Systems

Company Description

About AbbVie

AbbVies 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 peoples 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 at www.abbvie.com. Follow @abbvie on LinkedIn, Facebook, Instagram, X and YouTube.

Job Description

Unity is AbbVies 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, 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.
• Develop full-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 and maintain automated tests, perform accessibility (WCAG 2.2 AA) and cross-browser QA using the team toolstack (Storybook, Axe, GitHub), and QA your 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, and establish trust and credibility as the go-to resource for Unity development.
• Independently gather and generate requirements from developer-community needs, translate them into actionable work, maintain appropriate technical documentation, and communicate project objectives, progress, issues, and escalations to relevant stakeholders through quick feedback loops.
• Contribute to Unitys data-visualization capabilities and support data-science-driven features, applying a data-science background and data-visualization experience where applicable.
• Wear multiple hats and context-switch as a co-owner of team responsibilities across requirements, development, QA/testing, deployment, application development, community building, and presentations.
• Learn, master, and stay current with evolving AI development and 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 support or mentor colleagues as appropriate; partner with designers, brand, accessibility, and BTS stakeholders; and adhere to corporate standards, including the code of conduct, data security, GxP compliance where applicable, and the software development lifecycle (SDLC).

Qualifications

Required:

• 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.
• Proficiency with the team toolstack: 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, and operate with 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, additional languages/frameworks).
• Data science background and data-visualization experience.
• Front-end automation experience.
• Familiarity with MCP servers (Figma MCP, Storybook MCP), Figma / Code Connect, and OutSystems.
• 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 or local law:

• The compensation range described below is the range of possible base pay compensation that the Company believes in good faith it will pay for this role at the time of this posting based on the job grade for this position. Individual compensation paid within this range will depend on many factors including geographic location, and we may ultimately pay more or less than the posted range. This range may be modified in the future.

• We offer a comprehensive package of benefits including paid time off (vacation, holidays, sick), medical/dental/vision insurance and 401(k) to eligible employees.

• This job is eligible to participate in our short-term incentive programs.

Note: No amount of pay is considered to be wages or compensation until such amount is earned, vested, and determinable. The amount and availability of any bonus, commission, incentive, benefits, or any other form of compensation and benefits that are allocable to a particular employee remains in the Companys sole and absolute discretion unless and until paid and may be modified at the Company's sole and absolute discretion, consistent with applicable 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.

US & Puerto Rico only - to learn more, visit https://www.abbvie.com/join-us/equal-employment-opportunity-employer.html

US & Puerto Rico applicants seeking a reasonable accommodation, click here to learn more:

https://www.abbvie.com/join-us/reasonable-accommodations.html