AI

Pando is Pluralsight’s design system. As its Principal Product Designer, I built the component library, drove adoption, and kept the decisions grounded in accessibility. The goal was making Pando the thing designers reach for without thinking about it.

Claude Code can connect to Figma through the Figma Model Context Protocol server, which turns Figma into a tool the agent can call. With the Pando skill loaded and the codebase in scope, a prompt in the terminal produces editable Pando components on the Figma canvas.

I built a Claude skill that encodes the Pando Design System, from its components and tokens to its accessibility standards, content guidelines, and authoring patterns. Once loaded, Claude produces on-system output by default across Claude Code, Figma Make, and chat, without re-explaining the rules every session.

Using AI to “vibe code” some improvements to this place after a good number of years of neglect.