Principal UX Design Systems Designer (NetSec)

Into Design Systems; California; On-site; USD 141,000 - 228,000; Full time

Job summary

Palo Alto Networks seeks a senior Design Systems professional to modernize and scale our design system, component architecture, and data visualization libraries. You will use AI coding assistants to generate component code and push directly to Storybook, ensuring Figma-to-code parity and production-ready assets.

You will drive documentation, guardrails, and workflows that empower designers to move from Figma to code-assisted prototyping, making architectural decisions that minimize handoff

Qualifications

• 6+ years designing and scaling enterprise design systems.
• Hands-on with AI development tools to turn concepts into code.
• Strong React/TypeScript and CSS/HTML skills for production-ready UI.

Responsibilities

• Modernize and scale the design system, components, and UI patterns.
• Lead Storybook ownership and align Figma tokens with production code.
• Create automated docs across Figma, Storybook, and tooling.

Skills

Design systems

React

TypeScript

CSS/HTML

Tools

Storybook

Cursor

Claude

ChatGPT

GitHub Copilot

Job description

Palo Alto Networks describes a role to modernize and scale its design system, component architecture, UI patterns, and data visualization libraries. The position requires active use of AI coding assistants to generate component code and ship directly to Storybook, drive Figma-to-code parity and Storybook ownership, lead documentation and enablement, and contribute to platform feature workflows. The posting states most teams work from the office full time with flexibility when needed, and lists an annual salary range of $140,800.00 to $227,700.00.

What you'll do

• Modernize and scale the design system, component architecture, UI patterns, and data visualization libraries.
• Actively use AI coding assistants (Cursor, Claude, Vibe Coding, MCP integrations) to generate component code and ship directly to Storybook for engineering review and merge.
• Drive full alignment between Figma variables, design tokens, and production code.
• Define component architecture (variants, props, and slots) in Storybook so that design system assets are code-native, multi-themed, and production-ready.
• Lead training, establish guardrails, and build "vibe coding" workflows that enable designers to move from Figma to code-assisted prototyping.
• Make confident architectural decisions that solve ~99% of use cases and experiment with out-of-the-box patterns to eliminate dev handoff friction.
• Lead comprehensive, automated documentation across Figma, Storybook, and shared developer tooling to ensure a single authoritative source of truth.
• Contribute directly to key platform feature workflows to stay grounded in user personas, technology constraints, and real-world system application.

What they're looking for

• 6+ years of product / design systems experience planning, building, and scaling enterprise-grade design systems used by multi-product engineering organizations.
• Daily hands-on experience using AI development tools (e.g., Cursor, Claude, ChatGPT, GitHub Copilot) to turn design concepts into code, automate workflows, and build functional prototypes.
• Comfort taking ownership of components in Storybook and using AI to write clean UI code (React, TypeScript, CSS/HTML) for engineering review, without needing to be a manual syntax expert.
• Exceptional visual and interaction craft with a bias for action and the ability to make strong architectural calls, balance system purity with pragmatism, and lead through rapid experimentation.
• A portfolio featuring deep, end-to-end case studies that clearly articulate the problem solved, the strategic trade-offs, the AI-assisted execution process, and the systemic business impact.
• Demonstrated experience coaching, guiding, or upskilling design peers through process transformations and new tooling adoption.