{"id":35023,"date":"2022-04-25T01:13:01","date_gmt":"2022-04-25T08:13:01","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=35023"},"modified":"2023-02-28T06:22:24","modified_gmt":"2023-02-28T14:22:24","slug":"teampassword-uxpin-merge-case-study","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/","title":{"rendered":"Case Study: How TeamPassword Builds Consistent Designs with UXPin Merge"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/U_y59OQ3ywJCcCa0X7u45xB1XocvH7XhdtZ6HFYdSblQmcawI9OmheMqaHqX6Jz3TZydO_hq9RPSZfPHlpI5E3GEolXAuhWlomhZncNGpZmUTEibVU9v7KABW82JZVH-vL9HURiM\" alt=\"\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><em>This article is written in collaboration with <\/em><a href=\"http:\/\/teampassword.com\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>TeamPassword<\/em><\/a><em>, a simple-to-use password management tool that has started using UXPin Merge to design with code components.<\/em><\/p>\n\n\n\n<p>__________________________________________________________________<\/p>\n\n\n\n<p>Looking at the leading design systems, you may get an impression that they\u2019re reserved for big brands that have time and resources to build one. Not at all! Today\u2019s solutions allow teams of any size to create, maintain, and support a design system.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/17fC26w2ci7Bt_XD52L4tQ28b2M-qBtli333kG2dZJ9SuE0zFl74QHTcd0N1jpGuaU6uPeWnDbdvB4rA-5m-wrbWRgdrybc3REEROdg2y9J_GuvyZQ9eBnw-OXZdO-EzXk2-egIK\" alt=\"\"\/><\/figure>\n\n\n\n<p>TeamPassword is one of such companies. When we met TeamPassword, they had a 2-person development crew with no designers in it. They plan on carrying on without designers, and it\u2019s all thanks to UXPin Merge.<\/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-about-teampassword\">About TeamPassword<\/h2>\n\n\n\n<p><a href=\"https:\/\/teampassword.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">TeamPassword<\/a> is a password manager for teams that keep all the logins and passwords in one place. Instead of passing passwords via email, chat apps, or other less secure communication channels for that purpose, teams can access login details whenever they want via a clean interface which makes sharing simple. The tool is easy to use and pretty straightforward, which makes taking care of access security truly accessible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-challenge\">Challenge<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Switching to React for Better Maintenance<\/h3>\n\n\n\n<p>Matthew Chigira joined TeamPassword as a fullstack developer as one of the two developers on the team. He suggested that the tool should switch to React, as it would be easier to maintain in comparison to the old framework.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/C2q3JWHXLYQ528Q-vsu_MUVKY97jUnsvq0N1IFn5YXhawE7GB_vS9D4CTaGAlnOj7H2JByf35Nt8YUQoffx4pIzPLeroOttweMJK98HfSl2kFgkt5ebY2rrY3zxaOf7V85yup5o0\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Updating UI Design to Stay Competitive<\/h3>\n\n\n\n<p>He also knew how convenient it is to create an app with a design system that stores and documents building blocks of the interface. There are also <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-system-rodmap\/\" target=\"_blank\" rel=\"noreferrer noopener\">many other benefits for brands who use a design system<\/a> from the very beginning instead of building interfaces with style guides or components that come from many different libraries instead of just one. Some of those perks of having a design system early on include faster work, better handoff, and of course, consistent UI.<\/p>\n\n\n\n<p>Even if you\u2019re building an MVP, consider following a design system. It will make the design process smoother and help you avoid problems with scaling UI when the team is bigger. Moreover, inconsistent look and feel may affect the way potential customers perceive the app.<\/p>\n\n\n\n<p>&#8220;Brand is essential in this market.,\u201d says Tony Caccavo, Director of Operations at TeamPassword, \u201cCustomers entrust us with sensitive information in their login records. Inconsistencies or an outdated design can cause some customers to question whether we are technologically up to date enough to keep that information secure. Front-end development builds trust and confidence in the backend performance.&#8221;<\/p>\n\n\n\n<p>The same goes for feature shipment. If the team doesn\u2019t act fast, someone will beat them to it. Yet, developing a product without designers doesn\u2019t support easy-to-follow, consistent user interfaces.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Gaining Credibility through More Consistent UI Design<\/h3>\n\n\n\n<p>Many teams are facing a similar problem. They have exceptional engineers on board, but the need to move fast with development, which affects UI consistency and clarity. It doesn\u2019t make it easy to create a powerful brand that stands out from the competition. Brand is essential in this market. Customers entrust the tool with sensitive information in their login records.<\/p>\n\n\n\n<p>Inconsistencies or an outdated design can cause some customers to question whether we are technologically up to date enough to keep that information secure. Front-end development builds trust and confidence in the backend performance.<\/p>\n\n\n\n<p>Hence, a design system was a must-have for TeamPassword, but it wouldn\u2019t solve all of their problems. It would just help them make design decisions. They also needed a tool with which they could create a simple and effective front-end design, and that is where UXPin Merge came in.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-small-team-can-achieve-great-results\">Small Team Can Achieve Great Results<\/h2>\n\n\n\n<p>TeamPassword knew about UXPin Merge and its integration with code components libraries, specifically an <a href=\"https:\/\/mui.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">open-sourced MUI<\/a>. One of the main selling points was that they could get a themed version of MUI based on their brand from day one. They needed a design tool that would import MUI components and help them create prototypes by just dragging and dropping UI components onto the canvas.<\/p>\n\n\n\n<p>UXPin Merge can bring a MUI library full of React components to the UXPin editor. There are a couple of ways of doing that. TeamPassword could import them from a Git repository or use <a href=\"https:\/\/www.uxpin.com\/merge\/storybook-integration\" target=\"_blank\" rel=\"noreferrer noopener\">Storybook integration<\/a>. Importing coded components is also possible thanks to a code-free import of UI components \u2013 Merge Component Manager that you can <a href=\"https:\/\/www.uxpin.com\/merge\/component-manager\" target=\"_blank\" rel=\"noreferrer noopener\">request access to it here<\/a>.<\/p>\n\n\n\n<p>As with all of our Merge clients, UXPin scheduled a workshop with TeamPassword to show them how to design with code components. \u201cWe had a training session with Jack which was really valuable\u201d, said Matthew, \u201cWe learned how to set up the tool and use the editor. The team also showed us how to adjust components.\u201d<\/p>\n\n\n\n<p>With UXPin Merge, TeamPassword doesn\u2019t need a designer to put together a realistic prototype. What\u2019s more important is that the UI design not only looks professional, but it also acts like a developed product, since Merge uses real React components, rather than image representations of the said components that still need to be coded. TeamPassword can truly benefit their <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/single-source-truth-benefits\/\" target=\"_blank\" rel=\"noreferrer noopener\">single source of truth<\/a> both in development and design.<\/p>\n\n\n\n<p>Apart from UI designing features, the team has much hope for <a href=\"https:\/\/www.uxpin.com\/docs\/merge\/version-control\/#how-to-switch-a-version-for-a-prototype\" target=\"_blank\" rel=\"noreferrer noopener\">versioning that UXPin Merge offers<\/a>. They can quickly update the last version and the prototype gets updated too. Without this feature, they would have to update elements, one by one. Version control also helps to keep track of changes and switch between versions of the design if necessary.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"390\" style=\"aspect-ratio: 650 \/ 390;\" width=\"650\" controls src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/TeamPassword-case-study.mp4\"><\/video><\/figure>\n\n\n\n<p>The process of taking the finished design and developing it into a product got way faster, too. It is so rapid to export the prototype with all the specification and production-ready code. The time that the team normally had to spend on writing front-end code is saved.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-plans-for-the-future\">Plans for the future<\/h2>\n\n\n\n<p>TeamPassword has a full game plan prepared for how they want to use UXPin Merge.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>They want to start with a website redesign based on a chosen design system<\/strong> \u2013 the current website looks a bit outdated which may influence the purchase decision on some of the potential customers. Plus, its design is inconsistent. TeamPassword wants to give it a makeover.<\/li>\n\n\n\n<li><strong>Then, they aim to rebuild the interface of the app using MUI and UXPin Merge<\/strong> \u2013 the next task is redoing the application\u2019s front-end design. They want to switch to React and use MUI as their component library for the app. Since they use the same building blocks for design and development \u2013 React components \u2013 the whole task shouldn\u2019t take very long.<\/li>\n\n\n\n<li><strong>They will carry on building new features and growing TeamPassword<\/strong> \u2013 Their new approach to prototyping will help them design and develop their app that gives a unified user experience and cut down time to market<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-summary\">Summary<\/h2>\n\n\n\n<p>Using UXPin Merge helps TeamPassword to create UI design and export the code behind it in no time. They will finally be able to scale design, organize their workflow, and create consistent interfaces without having to hire a design agency. Small teams get design velocity that allows them to scale at the right pace. It\u2019s a new level of working!<\/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=\"UXPin Merge \u2013 Connect Design and Development\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/MSVjc9HnZi8?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<p>UXPin with Merge technology allows anyone to import UI code components from a library stored in Git, Storybook or via NPM packages. The teams can get a single source of truth for design and development even before they are ready to scale their product and team.<\/p>\n\n\n\n<p>Request access to UXPin Merge and experience how fast prototyping can get. There\u2019s no difference between a prototype and the coded product. It saves tons of time for a team of any size. Bring code components to the design tool and connect design and development workflow. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Request access<\/a>.<\/p>\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>TeamPassword, a simple-to-use password management tool that has started using UXPin Merge to design with code components. Looking at the leading design systems, you may get an impression that they\u2019re reserved for big brands that have time and resources to build one. Not at all! Today\u2019s solutions allow teams of any size to create, maintain, and support a design system.<\/p>\n","protected":false},"author":156,"featured_media":35028,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,339,441,440],"tags":[],"class_list":["post-35023","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-case-study","category-front-end","category-merge"],"yoast_title":"How to Use UXPin Merge: Read about TeamPassword's Case","yoast_metadesc":"TeamPassword needed a tool that would let them to design with a design system. UXPin Merge made that possible. Read about their plans.","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 to Use UXPin Merge: Read about TeamPassword&#039;s Case<\/title>\n<meta name=\"description\" content=\"TeamPassword needed a tool that would let them to design with a design system. UXPin Merge made that possible. Read about their plans.\" \/>\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\/teampassword-uxpin-merge-case-study\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: How TeamPassword Builds Consistent Designs with UXPin Merge\" \/>\n<meta property=\"og:description\" content=\"TeamPassword needed a tool that would let them to design with a design system. UXPin Merge made that possible. Read about their plans.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-25T08:13:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-28T14:22:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/TeamPassword-Article.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: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=\"7 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\\\/teampassword-uxpin-merge-case-study\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/teampassword-uxpin-merge-case-study\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/dfa8a72ffa3bb472596d4442937c7c6a\"},\"headline\":\"Case Study: How TeamPassword Builds Consistent Designs with UXPin Merge\",\"datePublished\":\"2022-04-25T08:13:01+00:00\",\"dateModified\":\"2023-02-28T14:22:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/teampassword-uxpin-merge-case-study\\\/\"},\"wordCount\":1295,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/teampassword-uxpin-merge-case-study\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/TeamPassword-Article.png\",\"articleSection\":[\"Blog\",\"Case Study\",\"Front-End\",\"Merge by UXPin\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/teampassword-uxpin-merge-case-study\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/teampassword-uxpin-merge-case-study\\\/\",\"name\":\"How to Use UXPin Merge: Read about TeamPassword's Case\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/teampassword-uxpin-merge-case-study\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/teampassword-uxpin-merge-case-study\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/TeamPassword-Article.png\",\"datePublished\":\"2022-04-25T08:13:01+00:00\",\"dateModified\":\"2023-02-28T14:22:24+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/dfa8a72ffa3bb472596d4442937c7c6a\"},\"description\":\"TeamPassword needed a tool that would let them to design with a design system. UXPin Merge made that possible. Read about their plans.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/teampassword-uxpin-merge-case-study\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/teampassword-uxpin-merge-case-study\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/teampassword-uxpin-merge-case-study\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/TeamPassword-Article.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/TeamPassword-Article.png\",\"width\":1200,\"height\":600,\"caption\":\"TeamPassword Article\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/teampassword-uxpin-merge-case-study\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: How TeamPassword Builds Consistent Designs 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\\\/dfa8a72ffa3bb472596d4442937c7c6a\",\"name\":\"UXPin\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/zbigniew-trzeciakuxpin-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Use UXPin Merge: Read about TeamPassword's Case","description":"TeamPassword needed a tool that would let them to design with a design system. UXPin Merge made that possible. Read about their plans.","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\/teampassword-uxpin-merge-case-study\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: How TeamPassword Builds Consistent Designs with UXPin Merge","og_description":"TeamPassword needed a tool that would let them to design with a design system. UXPin Merge made that possible. Read about their plans.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/","og_site_name":"Studio by UXPin","article_published_time":"2022-04-25T08:13:01+00:00","article_modified_time":"2023-02-28T14:22:24+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/TeamPassword-Article.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"UXPin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/dfa8a72ffa3bb472596d4442937c7c6a"},"headline":"Case Study: How TeamPassword Builds Consistent Designs with UXPin Merge","datePublished":"2022-04-25T08:13:01+00:00","dateModified":"2023-02-28T14:22:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/"},"wordCount":1295,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/TeamPassword-Article.png","articleSection":["Blog","Case Study","Front-End","Merge by UXPin"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/","name":"How to Use UXPin Merge: Read about TeamPassword's Case","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/TeamPassword-Article.png","datePublished":"2022-04-25T08:13:01+00:00","dateModified":"2023-02-28T14:22:24+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/dfa8a72ffa3bb472596d4442937c7c6a"},"description":"TeamPassword needed a tool that would let them to design with a design system. UXPin Merge made that possible. Read about their plans.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/TeamPassword-Article.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/TeamPassword-Article.png","width":1200,"height":600,"caption":"TeamPassword Article"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/teampassword-uxpin-merge-case-study\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Case Study: How TeamPassword Builds Consistent Designs 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\/dfa8a72ffa3bb472596d4442937c7c6a","name":"UXPin","url":"https:\/\/www.uxpin.com\/studio\/author\/zbigniew-trzeciakuxpin-com\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/35023","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\/156"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=35023"}],"version-history":[{"count":7,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/35023\/revisions"}],"predecessor-version":[{"id":39376,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/35023\/revisions\/39376"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/35028"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=35023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=35023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=35023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}