UXPin

UXPin is a browser and desktop design tool where interface designers build prototypes from the same code components that developers use. The aim is for prototypes to behave like the finished product.

What UXPin offers

• Code-backed components — use built-in libraries such as MUI or Tailwind UI, or sync a Git component repository.
• Merge technology — connect Storybook, Git or NPM packages to a design system.
• Interactions — states, variables, conditional logic and auto layout.
• Accessibility checks — a contrast checker and a colour blindness simulator.
• Collaboration — shared designs, tagged and assigned comments, and specs for developers.
• Code export — production-ready React code taken from the design.
• AI Component Creator — generate tables and forms from a written prompt.

Who it works with

Design and engineering teams in companies of all sizes, especially those running a shared design system.

Key facts

• Platforms: Mac, Windows and browser
• Integrations: Storybook, Git, NPM