Design handoffs are a tense time. Designers and engineers speak separate languages and work within different constraints, making communication and collaboration challenging. The first step to bridging this gap is defining what engineers need for development. Communicating these needs at the start of the design process will help designers prepare accordingly and streamline the design
(…)UXPin Blog — Design Studio
-
-
What is Collaborative Prototyping?
We’re always looking for new ways to enhance prototyping and cross-functional collaboration. Collaborative prototyping is a “hyper-efficient” sprint methodology to create a prototype in one day. Bring collaboration between designers and developers to the ultimate level. Introduce a single source of truth for design and create high-fidelity interactive prototypes in minutes that devs can replicate
(…) -
Bring Fluent Design System for React into UXPin with Storybook
Open-source design systems offer an opportunity to develop high-quality products at a rapid pace. By solving foundational usability and accessibility challenges, organizations can focus on product development and solving problems. Fluent UI is an open-source design system favored by companies developing enterprise products. The comprehensive component library allows organizations to build apps for the Microsoft
(…) -
How to Deal with FinTech Legacy Systems
Many organizations struggle to free themselves of legacy systems and the headaches they possess. These outdated ecosystems present many challenges, including user experience and digital innovation. The burdens of legacy technology are why challenger banks can compete with traditional banks, adopt sophisticated technology, and deliver products to customers significantly faster. This article explores the challenges
(…) -
The Playful Power of Card Design UI
Card UIs appear in many digital products, websites, and enterprise applications. Understanding card layout, visual hierarchy, and basic best practices are crucial for designing great card user interfaces. This article explores card user interface design, the anatomy of cards, common use cases, and design inspiration for your next project. Design, prototype, and test card UIs
(…) -
Form Input Design Best Practices
Form inputs allow users to engage with digital products, brands, and other users. Choosing the appropriate input field and structure is crucial for designing a good form UX so users can complete tasks efficiently. This article looks at individual input elements, the problems they solve, and how UX teams use them. We also provide tips
(…) -
Using a Single Source of Truth with UXPin Merge – dotSource’s Case Study
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
(…) -
How to Turn Your Design System into an npm Package?
Merge’s npm integration gives design teams more control to import fully functional component libraries from the npm registry. The benefit of designing prototypes with a component library is designers get full functionality and fidelity without writing a single line of code! If you’re unsure what any of this “npm stuff” means, don’t worry, this article
(…) -
Dashboards vs. Data Reports – Which is Better For Your User?
Many designers ask when trying to come up with the best way of presenting data: Are we designing a dashboard or report user interface? As with everything in product development and UX design, it depends on the user’s needs! Understanding the difference between dashboards vs reports is crucial for presenting the right data visualization to
(…) -
How to Use UXPin Merge Patterns? A Quick Tutorial
A product and its design system are ever-evolving projects. As the product scales, designers must create new UI patterns and components to meet business goals and user needs while solving usability challenges. UXPin’s Patterns allow design teams to combine existing Merge components with standard UI elements to create new UI patterns and save them to
(…) -
How to Import Ant Design to UXPin? An npm Integration Guide
Component-driven prototyping significantly improves user testing while providing stakeholders with realistic product design expectations. UXPin’s npm integration enables design teams to use open-source component libraries to design fully functioning, high-fidelity prototypes. Get on board the code-based design revolution with UXPin’s Merge technology and npm Integration. Discover more about component-driven prototyping that maximizes the use of
(…) -
What is Component-Driven Prototyping?
Component-driven prototyping is the next iteration of user experience design. Designers no longer design from scratch, and engineers write less code. The result? Better cross-functional collaboration, faster time-to-market, superior consistency, fewer errors, better testing, meaningful stakeholder feedback, and smoother design handoffs. Sound too good to be true? All of these benefits are possible and more
(…) -
Material Design Icons – Building Blocks of Web and App Design
Material Design is one of the most popular design systems. If you own an Android device, you use Material Design daily. Many companies use the Material Design System as a foundation for building mobile and web applications. The system’s comprehensive component library and resources, including Material Icons (now Material Symbols), give organizations and startups the
(…) -
How to Prototype a Dashboard?
We often associate dashboard design with enterprise products. But dashboards are everywhere, including social media applications, games, and even our mobile devices. These dashboards show users critical information in a succinct visualization that’s easy to digest. Let’s explore dashboard UI design and prototyping plus some best practices to ensure you create amazing dashboard user experiences
(…)
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