Building a design system is expensive. Whether an organization develops from scratch or adopts an open-source design system, theming is crucial for customization. This customization could be as simple as creating a dark mode or a multi-brand design system to accommodate a product suite. Design tokens and variables are crucial to design system theming, allowing
(…)UXPin Blog — Design Studio
-
-
Building a Component Library – A Step-by-Step Guide
Whether you’re creating a design system from scratch or want better front-end development cohesion and consistency, building a component library is an excellent way to improve your product’s user experience. A component library will save you significant time in the long run, but it will require a lot of resources and attention to detail to
(…) -
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
(…) -
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
(…) -
Design System Glossary – 34 Powerful Terms You Should Know
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
(…) -
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
(…) -
Switching Design Toolstack to Design at Scale
Scaling UX is a challenge many design leaders encounter. With limited resources, it’s often impossible to hire more designers. But even if you do have the resources, is hiring to scale a viable and sustainable strategy? This article looks at how organizations can scale design simply by switching their tool stack. We also provide an
(…) -
11 Powerful Lessons on Building and Scaling an Enterprise Design System
In May 2022, UXPin had the pleasure of hosting the lovely Amber Jabeen, DesignOps Director at Delivery Hero MENA (talabat), for a webinar titled: Enterprise Design System – How to Build and Scale. This article summarizes part of Amber’s talk where she discusses her team’s challenges with getting design system buy-in and what she would
(…) -
How to Help Fight Front-end Debt as a Designer?
Designers and engineers must understand each other’s challenges and work together to solve them. Designers want the entire product development team to understand user experience and design thinking, while engineers need team members to help fight front-end debt. This article explores front-end debt, common solutions to the problem, and how design teams can assist engineers
(…) -
Adopting Design System with Delivery Hero (talabat)
In May 2022, UXPin hosted Amber Jabeen, DesignOps Director at Delivery Hero MENA (talabat), for a webinar titled: Enterprise Design System – How to Build and Scale. This article covers the second half of Amber’s talk, which focuses on Delivery Hero’s design system adoption strategy. You can find a summary on our blog. “The success
(…) -
Mobile Design Systems – Tips and Examples
Many digital products only exist on mobile, but they often adapt web component libraries for native mobile apps. According to a Clarity 2020 talk, “less than 10% of public design systems support platforms other than the web?” Unlike web-based design systems, mobile design systems must adapt to native operating systems and platform-specific UI patterns. What
(…)
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