Try out Frames that allow you to preview and test how your prototype works on different devices and screen sizes – without any extra design work!
UXPin Blog — Design Studio
-
-
7 Pillars of Web Design – A Beginner’s Guide
So you wanna be a Web Designer huh? I mean why not? After all, everything is on the web … As of writing this article 100 Million+ companies have an online presence through their websites. But AI is here! Does that mean Web Design is dead? Not at all! AI is changing the game, yes.
-
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
(…) -
List Design 101 – A Short Guide for Beginners
Lists are fundamental components of user interfaces, helping to organize information in a way that’s easy to scan and digest. Whether it’s a simple to-do list or a complex product display, well-designed lists enhance usability and improve the overall user experience. By understanding the principles of list design, designers can create intuitive layouts that streamline
(…) -
What’s the Difference Between UXPin and Merge Technology?
You may wonder what the difference between UXPin and Merge is. And, which one is right for my design team? To put it simply, UXPin is an all-in-one design software that covers the entire product design process together, including design handoff, while Merge is a technology that allow you to bring interactive components to UXPin
(…) -
13 UI Examples to Get Inspired by in 2024
User interface design plays a crucial role in shaping how users interact with digital products. A well-designed UI not only enhances usability but also creates a seamless experience that keeps users engaged. Whether you’re working on a SaaS platform, an eCommerce site, or a mobile app, understanding the best UI practices can elevate your design
(…) -
The Practical Guide to Empathy Maps: 10-Minute User Personas
A step-by-step process to creating an empathy map as a lean user persona.
-
Aspect Ratios in UX/UI Design – Best Practices for Perfect Proportions.
Image-rich content drives website engagement, and making sure those images display properly is a crucial part of good UX design. Whether you’re working with photographs, illustrations, or video, an image that’s stretched, squashed, or poorly cropped makes a poor impression for on-site visitors and affects their overall experience on the site. Determining aspect ratios for optimal
(…) -
React vs Web Components – Which Is Best for Your Project?
As web development increasingly moves toward component-based architecture, two powerful technologies often dominate the conversation: React and Web Components. But when it comes to deciding between React vs Web Components, how do you know which is the best fit for your project? React is widely used for building dynamic, interactive user interfaces, thanks to its
(…) -
What is npm?
Many programming languages use packages to build and scale websites, software, and other digital products. These packages allow engineers to extend a project’s functionality without writing and maintaining additional code. This article will explain these terms from a designer’s perspective, so you get a basic understanding of how packages work and why engineers use them.
-
Design System Naming Conventions – How to Set Them
Design system naming conventions are the standardized rules and guidelines used to name elements within a design system. This includes naming design tokens, components, patterns, styles, and any other elements that are part of the design system. A well-defined naming convention is crucial for maintaining clarity, consistency, and ease of use across both design and
(…) -
Design System Governance – Scale Your Design
Some team members despise design system governance. They see it as a roadblock to rapid growth, creativity, and flexibility. However, design system governance can foster scalability and creativity if properly implemented while maintaining design and usability consistency. Good design system governance prioritizes users before growth and profits. Company culture also plays a significant role in
(…) -
5 Best React Component Libraries of 2024
Modern websites and apps rely on front-end frameworks to develop, maintain, and scale user interfaces. React’s Javascript library is arguably the most popular front-end framework with many component libraries to build digital products. We’re going to explore the top React UI libraries and how to choose the right one for your next project. With UXPin
(…) -
What Are Design Tokens?
The design system revolution of the last decade has brought with it all sorts of tools and strategies to enhance product development workflows. Design tokens are one of those tools many design systems, including Google’s Material Design 3 and MUI, have adopted to make UI elements easier to implement, manage, and update. Announcement: UXPin’s design
(…) -
Design System Documentation in 9 Easy Steps
Design systems provide you with a complete set of standards to enhance and manage your design efforts – from beginning to end. But in order to build and maintain a functional design system, first, you’ll have to commit time and effort before enjoying the benefits of a well-oiled design machine. Looking for a design system
(…)
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