UXPin Blog — Design Studio

Explore advanced prototyping techniques with Vue 3’s Composition API, enhancing code organization, reusability, and team collaboration.

Explore common design system documentation mistakes and learn effective strategies to improve clarity, organization, and accessibility for your team.

Learn how React components improve accessibility for screen readers through semantic HTML, ARIA support, focus management, and keyboard navigation.

Google has always recommended responsive web design (RWD), especially after rolling out a big update on 4/21/15 which ranked mobile-friendly sites higher. It doesn’t specify in the update that you must use responsive design though, just that a site be accessible on mobile, with good UX and performance. With that in mind, let’s examine the

Explore how AI streamlines responsive code export, enhancing workflows and accessibility for designers and developers alike.

Somewhere between wireframing and prototyping, you need the right color selection for your design project. In some respects, your color palette matters just as much as the structure of your design. Given its importance, you don’t want to pick colors without careful consideration.  The following information should help you choose a color palette that makes

Whether you work in an early-stage startup or a multinational enterprise, design constraints limit or influence design projects and the desired output. Seasoned designers understand that true creativity often emerges when we confront and master the constraints that shape our work. In this blog post, we delve into the art of design constraints, a topic close

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

As UX designers, we need to create dashboards that are clear, purposeful, and user-centric. “Effective dashboards should not only present data but also convey the story behind it, guiding users toward making informed decisions without overwhelming them with details,” as UX Design World emphasizes. This statement underscores the essence of great dashboard design: presenting information

AI tools are software applications powered by machine learning algorithms that automate tasks, analyze data, and simulate human-like thinking. For designers and developers, AI tools have become essential for streamlining workflows, enhancing creativity, and delivering personalized user experiences. From design automation and code generation to user research and content creation, AI enables professionals to work

Explore the importance of onboarding microinteractions and learn how to design them for a smooth user experience with clear feedback.

Buttons are pivotal in this experience, acting as road signs for user actions. This guide unravels the complex world of button states, revealing how they facilitate effective user interface design. Learn about common types of button states, design principles, and cross-platform considerations. Key takeaways: UXPin’s States lets you apply states depending on different user actions

The Double Diamond design process is a widely used methodology for identifying a problem and developing a solution. This outcomes-based framework encourages creativity and innovation while focusing on the core issue and its impact on end-users. It was introduced by the British Council so that designers could follow a standardized design process and make that

We’re going to explore our top 8 mobile app design concepts to give you some design inspiration for your next project. Are you still using vector-based tools for mobile app design? Step into the future of UX design with UXPin’s advanced code-based design tool. Sign up for a free trial to experience how one tool

AI in design, animated icons, cross platform UX are some of the most exciting 2024 UX and UI design trends. Our research has also noticed an interesting UX UI trend toward larger screens, with Instagram improving its desktop experience to accommodate the growing demand. Create high-quality, fully functioning prototypes to test your UI design ideas