{"id":32497,"date":"2021-11-23T05:16:00","date_gmt":"2021-11-23T13:16:00","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=32497"},"modified":"2023-03-14T04:49:32","modified_gmt":"2023-03-14T11:49:32","slug":"paypal-scaled-design-process-uxpin-merge","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/","title":{"rendered":"How PayPal Scaled Their Design Process with UXPin Merge"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge-1024x512.png\" alt=\"How PayPal Scaled Their Design Process and Improved Consistency with UXPin Merge\" class=\"wp-image-32498\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We&#8217;re always excited when we get feedback about how UXPin has improved our customer\u2019s design experience. It&#8217;s even more special when that customer is one of the world&#8217;s largest digital payment platforms.<\/p>\n\n\n\n<p>We had the joy of sitting down with Erica Rider, Senior Manager for UX \u2013 Developer tools and platform experience at PayPal, and Anthony Hand \u2013 Sr. UX Designer at Erica\u2019s team.<\/p>\n\n\n\n<p>In her own words, Erica explains the design challenge she had to solve at PayPal\u2014bridging the gap between design, product, and development.<\/p>\n\n\n\n<p>In most companies, the designer-developer ratio is one designer for every ten developers. At PayPal, there are five designers to over a thousand developers!<\/p>\n\n\n\n<p>PayPal needed the tools and strategies to overcome this challenge. So, they turned to <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin Merge<\/a> and improved their <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/designops-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">DesignOps process<\/a>.&nbsp;<\/p>\n\n\n\n<p>Here&#8217;s how Erica and one of PayPal&#8217;s design teams revolutionized their design and development process using UXPin Merge.\u00a0Scale design with UXPin Merge. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">See how to request access<\/a>.<\/p>\n\n\n\n<section class=\"discover-merge\">\n    <div class=\"discover-merge__container\">\n        <div class=\"discover-merge__left\">\n            <p class=\"discover-merge__heading\">Reach a new level of prototyping<\/p>\n            <p class=\"discover-merge__text\">Design with interactive components coming from your team&#8217;s design system.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"discover-merge__button\">Discover UXPin Merge<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-merge.png\" class=\"discover-merge__image\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.discover-merge {\n    margin: 40px 8px;\n}\n\n.discover-merge__container {\n    display: flex;\n    max-width: 690px;\n    height: 200px;\n    padding: 20px;\n    padding-left: 24px;\n    border-radius: 4px;\n    background-color: black;\n    box-shadow: 10px 10px #9999ff;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.discover-merge__left {\n    width: 50%;\n}\n\n.discover-merge__left p {\n    margin: 10px 0px !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__heading {\n    font-weight: bold !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__text {\n    margin: 0 !important;\n    line-height: 22px !important;\n}\n\n.discover-merge__button {\n    width: 174px;\n    height: 44px;\n    margin: 10px 0px;\n    border: none;\n    border-radius: 2px;\n    background: white;\n    color: black;\n    font-size: 16px;\n    text-align: center;\n}\n\n.discover-merge__button:hover {\n    cursor: pointer;\n}\n\n.discover-merge__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -19px;\n}\n\n@media (max-width: 760px) {\n    .discover-merge__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .discover-merge__container {\n        flex-direction: column;\n    }\n\n    .discover-merge__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-challenges\">Challenges<\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-challenge-of-scaling-design\">Challenge of scaling design:<\/h3>\n\n\n\n<p>I have a small design team of <strong>five designers<\/strong>, including myself. We&#8217;re responsible for somewhere between <strong>60 and a hundred products and well over a thousand developers<\/strong>.&nbsp;<\/p>\n\n\n\n<p>As a small design team supporting such a large organization, we had to develop an innovative problem-solving approach. We were never going to get the budget to hire more designers, so we had to figure out <em>how to scale design itself!<\/em><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-challenge-of-consistency\">Challenge of consistency:<\/h3>\n\n\n\n<p>None of PayPal\u2019s product teams had experienced UX people or UI developers. The result was a range of usability and design consistency issues\u2014no two products looked the same!<\/p>\n\n\n\n<p>So, I was assigned the challenging task of creating a cohesive and consistent user experience. With three designers and an infinite number of product teams, I knew that we couldn\u2019t follow a traditional model to scale. And adding more designers wouldn\u2019t solve the problem.&nbsp;<\/p>\n\n\n\n<p><em>We had to scale design to empower product teams to be successful.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"260\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/designer-to-developer-ratio-paypal-uxpin.png\" alt=\"designer to developer ratio paypal uxpin\" class=\"wp-image-32508\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-before\">Before&nbsp;<\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-the-tools-paypal-tried-to-use\">The tools PayPal tried to use<\/h3>\n\n\n\n<p id=\"h-to-start-we-knew-that-product-teams-were-going-to-have-to-design-products-on-their-own-so-we-looked-at-several-different-tools-starting-with-a-traditional-model-where-we-had-design-systems-and-standards\">To start, we knew that product teams were going to have to design products on their own. So, we looked at several different tools, starting with a traditional model, where we had design systems and standards.<\/p>\n\n\n\n<p>Our initial idea was to adapt a traditional design approach while educating product teams about design. But, we quickly realized that with three designers trying to create documentation, providing support, and with the learning curve for design tools, the traditional model wasn\u2019t going to work.<\/p>\n\n\n\n<p>If product teams were going to design products successfully, we had to minimize the tools and skills they needed to learn.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-the-traditional-way\">The traditional way<\/h3>\n\n\n\n<p>In a traditional UX process, you have designers creating vector-based mockups, which they hand off to developers. Unfortunately, this process creates a gap between how components are supposed to work and what components are supposed to be there.<\/p>\n\n\n\n<p>The result, lots of back and forth between designers and engineers to get design clarity and what the prototypes are supposed to do. Many times developers ask designers questions they hadn\u2019t thought of because they were thinking purely about how the product is supposed to look and work.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"360\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/uxpin_merge_paypal.png\" alt=\"uxpin merge paypal\" class=\"wp-image-32502\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/uxpin_merge_paypal.png 700w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/uxpin_merge_paypal-583x300.png 583w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-introducing-uxpin-merge\">Introducing UXPin Merge<\/h2>\n\n\n\n<p>For product teams to design products, we had to minimize this designer-developer gap while increasing collaboration.&nbsp;<\/p>\n\n\n\n<p>Several years before I joined PayPal, I had a theory that to scale design effectively <strong><em>we had to include developers and product managers in the design process<\/em><\/strong>. I just didn&#8217;t know how we were going to do that. I knew the what, but I didn&#8217;t know the how.<\/p>\n\n\n\n<p><strong>Discovering Merge and UXPin<\/strong> opened the door to understanding how I could bridge the gap between design and development\u2014and <strong>formed the catalyst to PayPal\u2019s improved design process.<\/strong><\/p>\n\n\n\n<p>A traditional DesignOps process is about scaling. The usual ratio is one designer for every ten developers. First by adding designers and then building the supporting infrastructure to accommodate a large design team.&nbsp;<\/p>\n\n\n\n<p>As an internal organization, we knew we would never get the resources to scale to the traditional one to ten designer-developer ratio. We had to find an innovative solution to solve our design challenges without adding designers.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"PayPal + UXPin Testimonial\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/vzrv9bmig4M?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-so-how-does-uxpin-merge-work\">So how does UXPin Merge work?<\/h2>\n\n\n\n<p>PayPal\u2019s consumer-facing apps, services, Venmo, and other external services all use different technologies. We settled on Microsoft\u2019s Fluent design system with UI controls for our internal tools development because they\u2019re more enterprise-focused and better suited to internal user interfaces.<\/p>\n\n\n\n<p>With UXPin Merge, we\u2019re able to put our Microsoft Fluent Design System into a Github repo and import the components into UXPin\u2019s design editor. Using this UXPin Merge setup, our product teams can design prototypes that leverage the exact components and UI controls our engineers use to develop these DevOps tools.<\/p>\n\n\n\n<p>For example, a button on the canvas in UXPin\u2019s editor renders exactly the same as it does in our developer tools, including hover\/click effects, font styles, and other metrics. Designing with <strong>UXPin Merge brings significantly higher fidelity to our prototypes than we\u2019ve ever had at PayPal<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"394\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/prototyping_paypal_uxpin.png\" alt=\"prototyping paypal uxpin\" class=\"wp-image-32504\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/prototyping_paypal_uxpin.png 700w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/prototyping_paypal_uxpin-533x300.png 533w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-with-merge\">With Merge<\/h2>\n\n\n\n<p>We knew we were going to save significant time designing with UXPin Merge during the initial rollout.&nbsp;<\/p>\n\n\n\n<p>Some of PayPal\u2019s senior management asked us to do a time-saving comparison between using UXPin Merge and a traditional design model.<\/p>\n\n\n\n<p>So, I had one of my designers pick a one-page design comparison test. <strong>We did a one-page vector-based design with another design tool we use at PayPal. <\/strong>And then the exact same prototype in UXPin using our Merge component library. How would these two tools compare against the clock?<\/p>\n\n\n\n<p><strong>The results: Using Merge our designer took around eight minutes while using the other design tool the same prototype took over an hour! <\/strong>It\u2019s important to note that this was from an experienced designer familiar and competent with the tool we chose as a comparison.<\/p>\n\n\n\n<p>We didn\u2019t feel comfortable providing product teams with this vector-based design tool. They would have to maintain documentation and educate themselves about how to use the tool before they could even start designing! Even with that training (which would take a lot of time), they wouldn\u2019t reach the competency of an experienced designer or design the same prototype in an hour.<\/p>\n\n\n\n<p>With UXPin Merge, some of our product managers can build similar one-page prototypes in eight to ten minutes\u2014the same time it takes our experienced designers in UXPin!&nbsp;<\/p>\n\n\n\n<p>Before, with our limited resources and designers, a one-page product would take two or three months just to design mockups. Now product teams can design and deliver a product within the same time frame.&nbsp;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-impact-of-using-uxpin-merge\">Impact of using UXPin Merge<\/h2>\n\n\n\n<p>One of the significant impacts of UXPin Merge is our ability to create higher fidelity prototypes. There\u2019s a lot more confidence from everyone (including designers, C-suite, directors, and developers) about what the final product will look like, the user experience, and interactivity\u2014<strong>giving us higher quality feedback from stakeholders.<\/strong>&nbsp;<\/p>\n\n\n\n<p>The C-suite people and the directors are able to give us stronger feedback about the ultimate direction because they experience the features and goals of these prototypes rather than just commenting about how, how these boxes don&#8217;t look like a text field, for example.&nbsp;<\/p>\n\n\n\n<p>Now that we\u2019re using UXPin with Merge my design philosophy and productivity have gone way up! I\u2019m confident that I can implement a prototype in 30 minutes or less. Whereas with the tools I was using previously, it would take me half a day.<\/p>\n\n\n\n<p><strong>Feedback:<\/strong> Our stakeholders are able to provide feedback pretty quickly using UXPin. We can send them a link to play with the prototype in their own time and UXPin allows them to provide comments directly on the prototypes. UXPin\u2019s comments functionality is great because we can follow along and mark comments as resolved once we address them.<\/p>\n\n\n\n<p><strong>Quality of the product:<\/strong> With this new UXPin approach we\u2019re seeing a more collaborative, integrative design process. Rather than separating design, prototyping, and development, UXPin allows us to create an integrated flow where we engage engineering and product teams throughout the process. As a result, the product\u2019s final quality has improved dramatically.<\/p>\n\n\n\n<p><strong>User testing: <\/strong>It&#8217;s been so helpful for us to have these high-fidelity prototypes built with UXPin. We build high-fidelity prototypes much quicker, and we get immediate feedback after the session. If there\u2019s something we can fix immediately, we make that change before the next participant and get feedback much faster than before.<\/p>\n\n\n\n<p>UXPin gives you the tools to go from concept to high-fidelity prototyping right away! Explore <a href=\"https:\/\/www.uxpin.com\/merge\">UXPin Merge<\/a> and discover how advanced prototyping and testing will change your design process.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/process-teams.png\" alt=\"process teams\" class=\"wp-image-32254\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/process-teams.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/process-teams-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-paypal-s-redefined-design-process\">PayPal\u2019s redefined design process<\/h2>\n\n\n\n<p>PayPal\u2019s DesignOps is an end-to-end process.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Product teams must fully understand their users<\/li>\n\n\n\n<li>Design products based on the users\u2019 needs<\/li>\n\n\n\n<li>Enable domain experts to complete designs based on their knowledge and testing<\/li>\n\n\n\n<li>Validate the design\u2019s success<\/li>\n<\/ol>\n\n\n\n<p>A common internal issue is that product teams often see UX design as a bottleneck. So, our strategy was to start with removing that bottleneck and enabling the product teams to do the design on their own.<\/p>\n\n\n\n<p>We achieved this with UXPin Merge which enabled us to perform this \u201csnap-together\u201d type design. We provide product teams with components they can drag and drop to build user interfaces.<\/p>\n\n\n\n<p>Product teams were able to create layouts with fixed margins and components so everything looked and worked the way it was supposed to. Designers didn\u2019t have to police anything or step in to design products.&nbsp;<\/p>\n\n\n\n<p>Designers still help product teams when they\u2019re not following standard design principles or when they\u2019re stuck on challenging problems. But product teams are able to complete 90% of the work on their own, freeing designers to focus on bigger picture design problems.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-outcomes\">Outcomes&nbsp;&nbsp;<\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-customer-focused\">Customer-focused<\/h3>\n\n\n\n<p>In my opinion, being customer-focused or design-driven doesn&#8217;t mean that designers are always leading. Everyone in the organization understands what it means to be design-driven.<\/p>\n\n\n\n<p>When we do design at PayPal, it&#8217;s not focused on one little problem here or edge case there. We\u2019re focused on solving problems at a global level, across the entire organization, and across the entire product line.&nbsp;<\/p>\n\n\n\n<p>We must provide a cohesive and consistent experience to our users across all PayPal\u2019s products, not just little corner cases.<\/p>\n\n\n\n<p>While PayPal\u2019s product teams and domain experts are doing design, our UX team acts as a mentor or coach. Where a UX designer used to work with a single product or maybe a single domain, with Design Ops 2.0 our product designers now work across 10 to 15 different products at a time.&nbsp;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-education-in-an-enterprise\">Education in an enterprise&nbsp;<\/h3>\n\n\n\n<p>When our UX designers mentor our product teams, they&#8217;re not only giving them guidance on how to design better layouts or products, they&#8217;re also teaching design thinking.&nbsp;<\/p>\n\n\n\n<p>Design thinking is not just about the UI design, but rather thinking about the complete user experience. How do API response times impact the user experience? How does latency impact the user experience?&nbsp;<\/p>\n\n\n\n<p>We want design thinking from top-level UI all the way down. We want everybody to understand their impact on the user experience so that our product teams can make good decisions for their end-user.&nbsp;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-focus-on-what-matters\">Focus on what matters<\/h3>\n\n\n\n<p>My design team spends 50% of their time supporting various product teams and the other 50% is spent on larger UX initiatives that impact the organization globally.<\/p>\n\n\n\n<p>Some of these UX initiatives include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Do we focus on things like how do we build trust between users on a platform?&nbsp;<\/li>\n\n\n\n<li>How do we build an intrinsic attachment between users on a platform?&nbsp;<\/li>\n\n\n\n<li>How do we build user research into all of our products, so we&#8217;re not running studies, but rather understanding how users use our products, where the gaps are, how we fix them, and how do we provide that data back to our product teams?<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-future-investment\">Future investment<\/h2>\n\n\n\n<p>Scaling your design process is an investment that pays off in the long run. It takes a savvy team to look at the overall design and development life cycle, what that looks like today, and try to figure out how we are going to shorten it, rather than stating, <em>\u201cthis step is too long.\u201d<\/em><\/p>\n\n\n\n<p>While the initial process of building all of the technology seems like a long time, it\u2019ll actually save you significant time in the long run\u2014for your entire development, design, and development process.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"501\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/uxpin-merge-react-sync-library-git.png\" alt=\"uxpin merge react sync library git\" class=\"wp-image-32264\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/uxpin-merge-react-sync-library-git.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/uxpin-merge-react-sync-library-git-449x300.png 449w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-uxpin-merge-and-your-design-process\">UXPin Merge and your design process<\/h2>\n\n\n\n<p>If UXPin Merge managed to solve a complex design issue for one of the world\u2019s biggest digital financial platforms, imagine what it could do for your business!&nbsp;<\/p>\n\n\n\n<p><a href=\"https:\/\/www.uxpin.com\/customer-success\/paypal\" target=\"_blank\" rel=\"noreferrer noopener\">PayPal used Merge <\/a>to sync React components from a Git repository with UXPin but <a href=\"https:\/\/www.uxpin.com\/merge\/storybook-integration\" target=\"_blank\" rel=\"noreferrer noopener\">Merge also integrates with Storybook<\/a>, giving you access to many more frameworks\u2014like Vue, Angular, and many more.<\/p>\n\n\n\n<p>Ready to increase the velocity in your design process?&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Discover Merge<\/a><\/center><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re always excited when we get feedback about how UXPin has improved our customer\u2019s design experience. It&#8217;s even more special when that customer is one of the world&#8217;s largest digital payment platforms. We had the joy of sitting down with Erica Rider, Senior Manager for UX \u2013 Developer tools and platform experience at PayPal, and<\/p>\n","protected":false},"author":3,"featured_media":32498,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,339,183,199,174,440,172],"tags":[],"class_list":["post-32497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-case-study","category-design-leadership","category-design-systems","category-enterprise-ux","category-merge","category-product-design"],"yoast_title":"","yoast_metadesc":"Read an interview with Erica Rider & Anthony Hand from PayPal's design team. Learn how they scaled and improved design operations with Merge.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How PayPal Scaled Their Design Process with UXPin Merge | UXPin<\/title>\n<meta name=\"description\" content=\"Read an interview with Erica Rider &amp; Anthony Hand from PayPal&#039;s design team. Learn how they scaled and improved design operations with Merge.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How PayPal Scaled Their Design Process with UXPin Merge\" \/>\n<meta property=\"og:description\" content=\"Read an interview with Erica Rider &amp; Anthony Hand from PayPal&#039;s design team. Learn how they scaled and improved design operations with Merge.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-23T13:16:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-14T11:49:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"How PayPal Scaled Their Design Process with UXPin Merge\",\"datePublished\":\"2021-11-23T13:16:00+00:00\",\"dateModified\":\"2023-03-14T11:49:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/\"},\"wordCount\":2192,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge.png\",\"articleSection\":[\"Blog\",\"Case Study\",\"Design Leadership\",\"Design Systems\",\"Enterprise UX\",\"Merge by UXPin\",\"Product Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/\",\"name\":\"How PayPal Scaled Their Design Process with UXPin Merge | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge.png\",\"datePublished\":\"2021-11-23T13:16:00+00:00\",\"dateModified\":\"2023-03-14T11:49:32+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Read an interview with Erica Rider & Anthony Hand from PayPal's design team. Learn how they scaled and improved design operations with Merge.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge.png\",\"width\":1200,\"height\":600,\"caption\":\"How PayPal Scaled Their Design Process and Improved Consistency with UXPin Merge\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/paypal-scaled-design-process-uxpin-merge\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How PayPal Scaled Their Design Process with UXPin Merge\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How PayPal Scaled Their Design Process with UXPin Merge | UXPin","description":"Read an interview with Erica Rider & Anthony Hand from PayPal's design team. Learn how they scaled and improved design operations with Merge.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/","og_locale":"en_US","og_type":"article","og_title":"How PayPal Scaled Their Design Process with UXPin Merge","og_description":"Read an interview with Erica Rider & Anthony Hand from PayPal's design team. Learn how they scaled and improved design operations with Merge.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/","og_site_name":"Studio by UXPin","article_published_time":"2021-11-23T13:16:00+00:00","article_modified_time":"2023-03-14T11:49:32+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"How PayPal Scaled Their Design Process with UXPin Merge","datePublished":"2021-11-23T13:16:00+00:00","dateModified":"2023-03-14T11:49:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/"},"wordCount":2192,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge.png","articleSection":["Blog","Case Study","Design Leadership","Design Systems","Enterprise UX","Merge by UXPin","Product Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/","name":"How PayPal Scaled Their Design Process with UXPin Merge | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge.png","datePublished":"2021-11-23T13:16:00+00:00","dateModified":"2023-03-14T11:49:32+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Read an interview with Erica Rider & Anthony Hand from PayPal's design team. Learn how they scaled and improved design operations with Merge.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/How-PayPal-Scaled-Their-Design-Process-and-Improved-Consistency-with-UXPin-Merge.png","width":1200,"height":600,"caption":"How PayPal Scaled Their Design Process and Improved Consistency with UXPin Merge"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"How PayPal Scaled Their Design Process with UXPin Merge"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/32497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=32497"}],"version-history":[{"count":6,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/32497\/revisions"}],"predecessor-version":[{"id":43677,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/32497\/revisions\/43677"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/32498"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=32497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=32497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=32497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}