Sign in

It’s time to challenge the status quo of product development. Designing with images or vectors is what almost every tool out there offers but it causes just too many inconsistencies between a prototype and the end-product.

UXPin has always been operating in a different paradigm, with all elements being rendered with html & css. But now we’ve decided to bring something new to the table — letting designers use the same fully interactive components as their devs use to build the product. Designing with code components removes the handoff back and forths.

It’s time to let everybody try this solution


There are many ways for product teams to achieve greater efficiency and consistency in the design handoff.

At UXPin, we believe in silos-free teams and that the communication between designers and developers should be as smooth as possible. That’s why we decided to create an integration that will allow product teams to use the single source of truth so that everybody can work with the same components and technology.

From now on, designers can bring production-ready and fully interactive components from Storybook to UXPin editor and design with them right away. …


Design System Webinar

How do you manage and build a Design System for an enterprise?

As you may already know this single source of truth helps enterprises bridge the gap between designers and developers and speed up the development process. It is thanks to the set-out standards and reusable components that the design and development workflow is cut down and the digital experience is unified.

Remember that Design Systems are not only an efficient solution for an enterprise. They are also a challenging process as you need to set out every piece of information in a clear and easy-to-use way. If you’re persuaded to build a Design System, or you already have one — new…


We’re happy to let you know that we’re hosting a free webinar “11 ways to start your inclusive, accessible design toolkit” with guest speaker Piotr Źrołka, Accessibility Expert, UX Strategist, and CEO of Kinaole.

Date and time: Jan 28th, 2021 at 10:00 AM PST

Join now for free!

During the webinar you’ll learn:

  • How inclusive methods can build high-performance design solutions that work for all,
  • How to start building an inclusive culture,
  • Practical tips for accessible web design.

UXPin is the design process tool that helps product teams around the world turn ideas into products faster.

With Merge, UXPin’s revolutionary technology, companies like PayPal can easily solve DesignOps challenges. UXPin Merge allows you to design with React components to achieve full consistency with the final product.


We’re happy to let you know that we’re hosting a free webinar “Scale design efficiently with DesignOps2.0” with a guest speaker: Erica Rider from PayPal’s internal developer tools team.

Join now for free!

During the webinar, Erica will share some DesignOps best practices and explain how to smoothly transform your design processes, remove UX bottlenecks, and empower product teams with an end-to-end product development lifecycle.

Apart you’ll learn how to:

  • Transform your organization from a development-driven organization to a design-driven one.
  • Optimize your design processes and facilitate design quality through smooth processes.
  • Connect design and operations by sharing and expanding…


Like Patrick Bateman inspecting Paul Allen’s business card, it’s easy to be envious when inspecting the design systems of GitHub, IBM, and Atlassian.


This is an excerpt from the Interaction Design Best Practices ebook, written by Jerry Cao, Kamil Zięba, Matt Ellis, and originally published on UXPin.com.

Embracing Space in Interaction Design: How to Position Common Elements for Successful IxD

Effective use of space in interaction design requires an understanding of aesthetics, functionality, and human behavior. In fact, spatial design is the link between the more stylistic dimensions of language and visuals, and the more practical ones of responsiveness, time, and user behavior. Space exists somewhere in the middle, dealing with issues on both sides of the spectrum.


This is an excerpt from the Interaction Design Best Practices ebook, written by Jerry Cao, Kamil Zięba, Matt Ellis, and originally published on UXPin.com.

Size & Distance in Interaction Design: When To Apply Fitts’s Law (and When Not To)

While he never lived to see the Internet, engineering psychologist Paul Fitts nonetheless had a huge influence on digital design with his 1954 proposal now known as Fitts’s Law. We can describe Fitts’s Law as:

…a model of human movement in HCI and ergonomics which predicts that the time required to rapidly move to a target area is a function of the distance to and the size of the target.

What this means in layman’s term’s…


This is an excerpt from the Interaction Design Best Practices ebook, written by Jerry Cao, Kamil Zięba, Matt Ellis, and originally published on UXPin.com.

Affordances — The Interaction Designer’s Secret Weapon: Different Types of Signifiers and How to Use Them

Let’s get philosophical for a second. Pretend you’ve never seen a hammer before, but now there’s one in front of you. You see a hard metal part, with weird shapes, spikes, and knobs. Then you see a long wooden part, smooth, and a little bigger than the size of your hand. Which part would you grab when you pick it up? And what is a hammer for, anyways?


This is an excerpt from the Interaction Design Best Practices ebook, written by Jerry Cao, Kamil Zięba, Matt Ellis, and originally published on UXPin.com.

Visual Direction in Interaction Design: How Appearance Affects Interaction

We don’t want to undercut the significance of words, but we don’t want to downplay visuals, either. Both are equally important elements of interaction design. Words are interactions, but the visuals (like icons, menus, graphics, etc.) are what users actually interact with.

UXPin

The design tool for teams and professionals. From UI design and prototyping to collaboration and handoff. Speed it up with UXPin. • www.uxpin.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store