UXPin Blog — Design Studio

Learn mobile-first design with this lesson created by a web designer with 20+ years experience. See the process complete with instructions and examples.

One of the best things about being a part of the design community is that most designers love to exchange ideas, spread knowledge, and share their experiences regardless of their seniority level. You can be a starting designer or an established thought leader, and it’s almost a given that you find a design conference that

A well-structured web design process is essential for creating user-friendly, engaging websites that effectively communicate your brand’s message. Whether you’re a designer, developer, or business owner, understanding the website development process can save time, reduce costs, and ensure a seamless collaboration between teams. To streamline this process, UXPin offers a powerful solution: UXPin Merge. With

HTML and CSS are the core technologies behind every website, each serving a unique purpose. HTML, or Hypertext Markup Language, provides the structure and content, laying out the framework for a webpage. CSS, or Cascading Style Sheets, is responsible for styling and layout, bringing your HTML to life with colors, fonts, and layouts. Understanding the

Designing an effective product page is essential for any eCommerce site or online store. It’s where customers make their purchasing decisions, so every element needs to be thoughtfully crafted to ensure a seamless user experience. A well-designed product page can significantly impact conversion rates, helping turn casual browsers into loyal buyers. In this quick tutorial,

In the world of digital product design, a seamless design handoff is crucial for ensuring that the vision crafted by designers is accurately brought to life by developers. Yet, this phase can often be fraught with miscommunication, inconsistencies, and inefficiencies. UXPin provides a unique platform that integrates design and development like no other. Whether you’re

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

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

Today we’re sharing a guest post by Nick Moore that originated from collaboration with StackBlitz. Build code-backed prototypes and open them in StackBlitz in one click. Request access to UXPin Merge. If you know how to ride a bike now and wait five years to ride one again, you’ll likely do just fine once you

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!

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.

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

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

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

A step-by-step process to creating an empathy map as a lean user persona.