The argument about how design fits into the workflow of web development is a constant struggle. We often hear designers say, “can we develop these new onboarding flows and put them into the app?! It will massively improve our conversions.” Then, developers come back with “no. Those onboarding flows are much more complicated than you
(…)UXPin Blog — Design Studio
-
-
Basic Design Elements and the Principles of Design
Good design isn’t about many years of practice and thousands of hours spent in graphic editor tools. The beauty of this craft is that it’s accessible to all, given that they have a surface level understanding of its principles and the basic design elements. Luckily, hundreds of years of work with paintings and graphics have
(…) -
User-Friendly — What Does it Mean and How to Apply it?
User-friendly design is a fundamental aspect of UI and UX design, driven by a desire to make technology more accessible and usable for everyone. Over the years, designers have developed methodologies, best practices, and design principles to create interfaces that prioritize user needs and enhance usability. As technology continues to evolve, user-friendly design remains a
(…) -
Design with Code – UXPin Merge Tutorial
Are you ready to elevate your design workflow to the next level? In this comprehensive tutorial, we’ll delve into the world of UXPin Merge, empowering you to seamlessly integrate your React app components into the UXPin editor for high-fidelity prototypes. Gone are the days of static designs. With UXPin Merge, you can dynamically link your
(…) -
Laravel with React — How to Build a Web App Fast
Building a web app using Laravel with React offers a winning combination of robustness, efficiency, flexibility, and user experience. By leveraging the strengths of these technologies and their respective ecosystems, we can create a modern, scalable, and competitive web app that meets the needs and expectations of our users and stakeholders. Build a Laravel app
(…) -
How To Run A Successful Design Thinking Workshop
Running a design thinking workshop is one of the best ways to spark creativity and nurture a user-centric mindset within your design team. As a designer, you will encounter situations where you need to run design thinking workshops either with your team, your stakeholders, or other departments in your organization. UXPin is an end-to-end design
(…) -
16 Inspiring Examples of UX Design Portfolios That You Just Must See
A UX design portfolio is a collection of work samples, case studies, projects, and relevant artifacts that showcase a UX designer’s skills, expertise, and experience in designing digital products or services with a focus on enhancing user satisfaction and usability. Creating a portfolio is a crucial first step for any UX designer. It’s where you
(…) -
Turn Figma Designs into Interactive Prototypes
Figma is a great tool for creating beautiful mockups and collaborating in real-time with other designers. It is one of the best for building a portfolio and showing off your skills. When working in an enterprise-level company, Figma might not be enough, as it’s difficult to translate its design into code. This is where UXPin
(…) -
Figma Plugin Tutorial – Copy and Paste Design from Figma to UXPin
Designers are always looking for ways to improve their prototypes–for stakeholder feedback, accurate user testing, and design handoffs. Figma is a fantastic design tool but lacks prototyping features, meaning designers must use external tools. UXPin has a plugin for Figma called UXPin – Copy. Paste. Prototype. Designers can literally copy Figma designs to UXPin and
(…) -
Button Design – Get Site Visitors to Actually Click Your Buttons
Buttons are essential components in any digital product. While there are many ways to design a button, designers must follow principles and best practices to create familiar and intuitive user experiences. Button design is more than choosing a shape and color. Designers must consider a button’s states, placement, size, responsiveness, consistency, icon usage, suitable text/labels,
(…) -
Webinar Announcement – Build Products 8.6x Faster
Want to build web apps faster? Join our upcoming webinar for busy developers who have no time to learn vector-based design tools. Our experts will walk you through creating a UI design by dragging and dropping React components from top libraries like Material UI. That’s just the beginning! They will also show you how to
(…) -
React Design System – Where to Start?
Building a React design system from scratch requires careful planning and consideration. Input from multiple departments and stakeholders is crucial for creating a component library that serves the organization and its end users. This article is an introduction to React design systems and how to approach component development, documentation, governance, design tools, and more. We
(…) -
What Actually Constitutes Design Language?
Visual communication is exceptionally complicated. It’s diverse, boundless, and relentless. A design language establishes principles and constraints that induce the clarity, consistency, and cohesion necessary for designers to communicate with end users. Developing this design language is a time-consuming undertaking requiring feedback and collaboration from multiple departments and stakeholders. The final result will allow an
(…) -
7 Constraints in Design and How to Overcome Them
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
(…) -
UX Audit – All You Need to Know, Benefits, and Checklist
In today’s fast-paced tech industry, it’s challenging to maintain perfect design consistency, especially when you have multiple teams working on the same digital product! Periodic UX design audits allow designers to evaluate a product to identify continuity, consistency, accessibility, and usability issues. Reduce errors while increasing fidelity, functionality, and collaboration with UXPin’s code-based design tool.
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