A practical guide based on 30 years experience.

Agile is the most common methodology for software product development today. And, it makes sense. In the waterfall days, designers and developers followed requirements that were hundreds of pages long. Products were fully designed, and then fully developed. When the product was eventually released, there was no time to go back and fix what didn’t

Storybook has become THE DevOps tool for developing and maintaining design systems. The platform’s excellent documentation, intuitive UI, built-in testing, and collaborative features make it the perfect tool for building and releasing components. Understanding how Storybook works can help designers collaborate with front-end devs better and leverage the platform’s features to improve prototyping and testing.

Now that UXPin has a Storybook integration that breaks down design-dev inconsistencies and makes it easier than ever to manage your UI components library, you might want to take some time to look at Storybook examples. Plenty of world-renowned websites use Storybook. Look at some of the best Storybook examples that you can use as

Google has always recommended responsive web design (RWD), especially after rolling out a big update on 4/21/15 which ranked mobile-friendly sites higher. It doesn’t specify in the update that you must use responsive design though, just that a site be accessible on mobile, with good UX and performance. With that in mind, let’s examine the

Overwhelmed by the plethora of Adobe XD alternatives? Are you looking for an upgrade to Adobe XD rather than a copy of your existing workspace? Discover why UXPin is the best Adobe XD alternative and the benefits of using a code-based design platform. We also introduce Merge and how this revolutionary technology bridges the gap

Figma Component Libraries are a great way to create and share reusable UI elements with team members. Designers can use Figma components to build user interfaces and prototypes, and they help to maintain consistency across projects.  However, Figma Component Libraries have some limitations, such as the inability to create interactive prototypes. UXPin Merge is a

Storybook Connect for Figma aims to link Storybook stories to Figma designs to streamline UI review and design handoff. Storybook Connect has its limitations. As you’ll learn in this article, UXPin Merge’s Storybook integration is a better alternative to Figma Storybook plugins. Key takeaways: Bring Storybook components into the design process with UXPin’s Merge technology.

Usability testing evaluates the effectiveness and efficiency of a product or website by observing how real users interact with it. It involves conducting structured tests with representative users to identify usability issues and gather insights for improving the overall user experience. Usability testing is vital in validating design decisions, uncovering usability problems, and informing design

User experience design is a powerful discipline with a fine line between assistance and manipulation. Organizations often use dark patterns to trick users into decisions they otherwise wouldn’t choose. Sometimes these dark patterns don’t have malicious intent, but the result is the same. Understanding dark patterns and their consequences is crucial for UX design teams.

There are so many Storybook tutorials that it’s difficult to know which is best for your needs. We’ve summarized the five best Storybook tutorials to help get you started with this component-driven development technology. Take UI components directly from Storybook, Git or through npm and drag n’ drop the coded components to create your layout

We partnered with UXPin users dotSource to demonstrate how an agency working on multiple products, each with its own design system, leverages Merge technology to create a single source of truth between design and development. Create a single source of truth for your product’s design system with UXPin Merge. Visit our Merge page for more

Design systems can be very confusing and complicated if you don’t fully understand the terminology associated with them. It’s important for designers and developers alike to be on the same page for the most effective communication efforts.  For this reason, we have comprised some key terms along with associated applications and examples to provide a

When you look at the apps that have hit thousands, if not millions of downloads (and boast thousands of happy reviews!), you might wonder: is there an ‘it’ factor they all share? Among others, whether an app has a high download and retention rate comes down to great app design. Namely, there are certain UI/UX

Of all the frameworks out there, React may be the best choice for beginners. React can do what other frameworks can, but it doesn’t obscure your code. It is easy to learn and equally easy to master, as opposed to some other frameworks which can sometimes be difficult to understand. Take UI components directly from