Date pickers are some of the most familiar UI patterns in digital product design. UX designers use date pickers on websites, applications, games, enterprise software, operating systems, and more. Designers must understand how these date pickers will work across screen sizes, operating systems, devices, etc., to test the impact on the product’s aesthetics, functionality, and
(…)UXPin Blog — Design Studio
-
-
Does Storybook Work With Figma? [+ What to Use Instead]
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.
-
Prototyping in Figma vs UXPin – Possibilities & Limitations
Figma prototypes are great for visualization of what the end-product can look like, explaining design decisions, and planning user flow. They fall short when it comes to testing your prototype. This is where UXPin prototypes shine. UXPin helps designers create interactive prototypes that bring quality test results. Let’s analyze both tools. Key takeaways: UXPin’s Merge
(…) -
8 Fullproof Methods of Collecting In-App Feedback [+Tools]
In-app feedback is a user review or rating of their experience with an app that’s collected while the user performs a task in the app. Designers or product managers place a widget or a pop-up in the app to learn what a user thinks and feels about the app. It helps to streamline app UX
(…) -
The 4 Types of Creative Website Scrolling Patterns
long scrolling pattern
-
8 Best Design System Examples
Design system is a set of components, rules, style guides, and documentation used to build a coherent and on-brand interface of a product. Most brands create their own design system and we prepared a list of eight most popular design systems that you can learn a lot from. Those and other design systems can be
(…) -
How to Bring Bootstrap Components to UXPin – npm Integration Walkthrough
UXPin’s npm Integration empowers design teams to prototype at a higher fidelity and with code-like functionality. Component-driven prototyping in UXPin allows designers to create prototypes that previously required engineers to code. With npm Integration, teams can bring component libraries to UXPin’s design tool and leverage full interactivity of shared components without complicated technical setup. Let’s
(…) -
Merge npm Integration – Another Way of Importing Components
Here’s a designer-friendly way of bringing UI code components into UXPin’s editor. It’s our npm integration that makes Merge accessible to teams who lack active engineer’s support. Try npm integration to speed up interactive prototyping and stay 100% consistent with the final product. The npm components will behave like a lego bricks that you can
(…) -
Bring MUI Components to UXPin – npm Integration Walkthrough
With UXPin’s npm Integration, designers can import npm component libraries to build fully functioning prototypes. These high-fidelity prototypes enable designers to test features, interactions, and functionality impossible to achieve with traditional vector-based design tools. Build fully interactive prototypes with real building blocks of your app. Try UXPin Merge and sync MUI with Merge and bridge
(…) -
Top 6 npm Packages for Component-Driven Prototyping
Component-driven prototyping with UXPin Merge allows designers to build accurate replicas of the final product. Unlike other design tools that render static graphics, UXPin is powered by code so that designers can create high-fidelity, fully functioning prototypes. UXPin’s npm integration gives designers the freedom to import components and patterns from open-source design systems. They may
(…) -
React Design System – Where to Start?
Building a React design system from scratch requires careful planning and consideration. Input from multiple departments and stakeholders is crucial for creating a component library that serves the organization and its end users. This article is an introduction to React design systems and how to approach component development, documentation, governance, design tools, and more. We
(…) -
Review Card — How to Design it
Review card is a design element that appears on websites and applications to highlight feedback about a product, service or experience. Solve more usability issues during the design process and deliver incredible user experiences for your customers with UXPin’s interactive prototypes. Sign up for a free trial to explore UXPin’s advanced features. What is a
(…) -
UI Design vs. UI Development – What’s the Difference?
There are many software and web development roles and responsibilities–from initial concept to design and delivery, QA, and lifecycle management. UI design and UI development are two crucial roles that impact how users engage and interact with a user interface. This article compares the practice of UI design vs. UI development, the people behind these
(…) -
Lean UX: Expert Tips to Maximize Efficiency in UX
Everything is about lean these days. The lean startup, lean manufacturing, lean software development, lean UX, and the list goes on! The goal with all of these lean processes is to trim the fat. Remove the systems and processes that slow or disrupt productivity. Key takeaways: Choosing the right design tool can help streamline UX
(…) -
Product Designer vs. UX Designer – A Comparative Analysis
Two digital product design roles that often confuse people are product designer vs. UX designer. Essentially, both of these roles focus on product development, and both use the design thinking process for problem-solving. So, what’s the difference between a product designer and a UX designer? Which position are you better suited for? And does your
(…)
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