Merge, Forge, and Wire are the three stages of UXPin, all built on one component library. Merge brings your real, coded React components into UXPin. Forge lets you design and generate UI with AI, using those exact components. Wire turns the result into a working product, ready to publish or export as code. The same components carry through all three stages, so nothing gets rebuilt along the way.
Yes. If your library is built in React and published to npm, public or private, Merge can connect to it. You point UXPin at your package and your components show up on the canvas exactly as they behave in your product, with the same props, states, and variants.
The export is clean JSX that references your actual component imports, not generated CSS or a pile of one-off divs. Since the design was built with real components from the start, the output is ready to use in your codebase with minimal cleanup.
Merge works with any React component library, including MUI, Ant Design, shadcn/ui, or your own custom system. Web Components are also supported, typically with assistance from our team to set up the integration. Vue and Angular support are not available yet.
No, and that's the core difference. Forge only generates UI using the components wired into your Merge library, it can't reach outside that set. Every output is built from your tokens, your variants, and your constraints, so the AI stays bounded by your design system.
UXPin supports SSO, role-based access, shared design system libraries, and library version control. For enterprise rollouts, our team is available to help with setup and configuration as needed.
You can sign up for free and start right away with our built-in component libraries. If you want to connect your own custom library, our AI-assisted integration with Claude can get it set up and live on the canvas in about an hour.
Ready to try it on your own design system?
Bring your component library. See exactly how Merge, Forge, and Wire fit into your workflow.