Subscribe
Sign in
UXPin and NPM Integration — Build interactive prototypes that your devs will just love
Use NPM component libraries to accelerate your prototyping with UXPin.
Start designing fully interactive UIs in minutes, not hours. Then devs just copy all they need from the prototype. ✨
No coding skills necessary to start.
Start designing fully interactive UIs in minutes, not hours. Then devs just copy all they need from the prototype. ✨
No coding skills necessary to start.
37
Replies
Chris Messina
Top Hunter
Hunter
Super excited for this launch — acting as a kind of Google Translate for designers and developers... through the power of npm!
Share
Hi Product Hunters! 😸
We’re back with a new, groundbreaking (as always) release! 🔥
Sidenote: Did you know that UXPin is on the market for over a decade? We even did our first launch on PH in the very same week (Nov 2013) as the Product Hunt submitted itself on... Product Hunt? 🙃
Today, we’re happy to introduce you to a new way of bridging the gap between design and development. With the npm integration, you can bring fully fleshed-out, highly-interactive UI components into UXPin’s design tool and build prototypes that behave just as the end-product.
The npm integration is the newest part of our Merge technology – a truly revolutionary way to connect designers and developers to streamline their product development process.
The cool thing about the npm integration is that without any coding skills you can run the integration and use the UI components of your choice – be it from your company’s Design System or any open source react DS/library that’s out there (think: MUI, Ant Design, Bootstrap, etc.) to create super-advanced prototypes. The other nice thing is that this integration makes developers LOVE the handoff as they are given exactly the same components that they would use to code the designs.
Go ahead, start a free trial, check the integration yourself, and share your feedback with us! https://bit.ly/3vUf8ET
We’re also running a live product walkthrough later today to show you how it all works in detail:
Date: August 11 at 10 AM PDT / 7 PM CEST
Join here: https://bit.ly/3QdujRA
📖 Read more about the new integration: https://bit.ly/3JM82rC
💡 See a walkthrough of how to import an npm library https://bit.ly/3AbqGpL
💻 Read more about Merge technology: https://bit.ly/3IkRtBf
Last but not least: @chrismessina , thank you for hunting us! 🙌
Sounds great, yet another way to facilitate your work as a designer. Good luck with the launch! 💪
If you'd like to see how easy it is to prototype when you’re using fully interactive components, join us at a live demo in 15 mins :) https://get.uxpin.com/live-demo-...
This is really an exciting launch! Npm integration is the next big step in Merge technology!
@nic_davidson it is! We believe whole product teams could benefit from this integration!
The team has certainly come a long way since first launch. Really excited for Merge and the npm integration, using low code to bridge the gap between designers and developers is exactly what we need. Great work team.
I am super stoked about the NPM integration! 🎉 This is going to bring the workflows of designers and developers even closer together! 🔥
@laura_coronel Thanks, Laura! Check this article to get started: https://www.uxpin.com/studio/blo...
