We’ve recently released our Merge-powered integration with Storybook that allows you to bring Storybook components to UXPin editor and design with them, keeping all the interactions available in Storybook. It helps break down the design and development silos and finally, let product teams use the single source of truth. It’s the second integration (we also
(…)UXPin Blog — Design Studio
-
-
Try Storybook Integration: Say Goodbye to Design-Dev Inconsistencies
Just a few weeks ago, we wrote about our game-changing Storybook integration, which helps designers and developers break the silos and improve the UI consistency by using code components when building prototypes. Based on our Merge technology, the integration lets you harvest the power of code, use it to build advanced prototypes faster and massively
(…) -
9 Design Thinking Tools for Turning a Creative Vision into a Usable Interface
Design thinking is a collaborative, iterative process that, over time, delivers design solutions based on human feedback. The concept combines the problem-solving basis of design with empathy for the end-user. Design thinking tools are used to facilitate this evolutionary process. Before we take a close look at some of the best design thinking tools on
(…) -
Tips for Designers Interested in Advanced UX/UI
Your company website is more than a collection of related pages. It’s a dynamic place where two online entities meet and interact: the business behind the site and the visitor who lands there in search of information, services to use, or products to buy. What happens in that meeting place is a product of both
(…) -
Webinar Wrap-Up: From Style Guide to Interactive Design System in Enterprise
When Ben Shectman came to Johnson & Johnson as a Certified Design Leader, he found useful tools for establishing visual and verbal guidelines across digital design projects. Unfortunately, the guides came as PDFs that made it challenging for designers to follow the established rules. Whenever uncertain, they would have to confirm their design choices by
(…) -
10 Error 404 Page Examples for UX Design
These 404 page examples show how designers can turn a simple computing error into a branded user experience (UX). The earliest models of personal computers had 64k RAM or less. Programmers needed to keep things simple. They developed a classification system for program functions. Input errors got assigned to class 400. There are four class
(…) -
How UX/UI Designers Should Write a Design Proposal?
The humble design proposal is, perhaps, the most crucial text a UX/UI designer will ever write. This document outlines your specific approach to the client’s design brief — what you plan to do and how you plan to do it. If successful, your proposal will become part of the contract you sign with the client.
-
Does the Hamburger Menu Make Mincemeat of UX Design?
The hamburger menu looks as tasty as it sounds. It’s a design-cum-navigation element, now on almost all apps, that comprises three horizontal lines. It looks like a hamburger. Picture something like this: Bun, patty, bun. If you squint, it kind of looks like the Spotify logo: The UX designer’s hamburger menu saves time and space
(…) -
Adopting Design Systems in Enterprise with Johnson & Johnson
When any new leader walks into an enterprise with more than a century of history—as Johnson & Johnson does—they know they must adapt to some of the existing processes. Improvements in technology, however, have made it necessary for all corporate designers to turn processes into even more efficient methods. If you start a new job
(…) -
4 Testimonial Page Examples for UX/UI Design
These testimonial page examples will show you how to offer social proof of a product’s benefits. In other words, when you design a page that shows visitors the wonderful ways the product or service helped other customers, they’re more likely to believe that it can help them too. “Above the fold” is the part of
(…) -
The UX/UI designer’s guide to user-centered design
You’ve heard about human-centered design. It’s one of the most omnipresent design philosophies in UX/UI. But what about user-centered design (UCD)? These two terms sound similar, but there are differences between them, and you should consider both principles when designing future prototypes. In short: Human-centered design (HCD) considers the psychological/emotional preferences of users that engage
(…) -
How to Go From a Style Guide to a Design System
Like a lot of companies, Johnson & Johnson once relied on a style guide to make sure designers used approved language and components. Style guides can still help brands enhance their UX, but they don’t always match the needs of larger companies. Newer technology also makes it possible for smaller enterprises to move from style
(…) -
The Benefits of Turning a Static Style Guide into an Interactive Design System
Static style guides have a role to play in keeping digital products on brand. When it comes to actually designing products, though, interactive design systems make it much easier for professionals to create products that meet project goals. Where style guides can succeed Style guides have been around for much longer than anyone creating new
(…) -
What is a Single Source of Truth, and Why Do You Need it?
Lead designers need to make sure they keep their team members on the right path. Managers have tried several methods to reach this goal, including pattern libraries and style guides. While those options have a place to play within some organizations, they don’t always provide the single source of truth that you need to optimize
(…) -
UXPin and Storybook Integration is Here!
There are many ways for product teams to achieve greater efficiency and consistency in the design handoff. At UXPin, we believe that smooth communication between designers and developers is one of the most important factors in setting up an efficient and scalable DesignOps process for your business. In the ideal world, both designers and devs
(…)
UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.
Start your free trial