{"id":17513,"date":"2019-07-25T01:01:53","date_gmt":"2019-07-25T08:01:53","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=17513"},"modified":"2022-07-01T07:08:50","modified_gmt":"2022-07-01T14:08:50","slug":"uxpin-merge-friday","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/","title":{"rendered":"UXPin Merge Friday"},"content":{"rendered":"\n

On July 12, at the UXPin <\/strong>HQ in Gda\u0144sk, we celebrated an event that surpassed all expectations. And by that, we mean that everyone at the company got involved and we are all more than aboard for what our future is about \u2013 Merge<\/strong>. Everyone at the company got to test Merge for a couple of hours.<\/p>\n\n\n\n

Also, everyone certainly agrees that Merge Friday was a huge success as we continue the project of providing one source of truth<\/strong> for both designers and developers (hell, even marketing teams if we\u2019re at it). Design components rooted in code are really the thing that is going to bridge (merge) the gap between groups of professionals.<\/p>\n\n\n\n

\"Merge
{\\\/} Merge Friday in full swing<\/figcaption><\/figure>\n\n\n\n

If you\u2019re interested in a more technical look at what Merge really is, then we\u2019re more than happy to share our Docs section with you where you can find useful information to get you started. And if you\u2019re interested in what it does at a more human level, then let\u2019s take a look.<\/p>\n\n\n\n

Why should I care?<\/h2>\n\n\n\n

If you wonder why you should care what happens at an event in a company that, while trying to provide the best possible product, is also obviously interested in selling that product. Is it just a marketing ploy than to get you invested in one of our new products? Yeah, we want to get you invested but not just wallet wise.<\/p>\n\n\n\n

For a designer, code-based prototyping is a godsend. It\u2019s the future and you know it. When all your components are ready and waiting for you within a design system that is focused on a specific product, it\u2019s an easy road to take when you redesign. Or create something new. All you\u2019re doing is using fully customizable code components that you already have and still, you\u2019re leaving the development team with a clear and easy coded version of each component that you have used in your design.<\/p>\n\n\n\n

\"Merge<\/figure>\n\n\n\n

Those of us who aren’t React.js experts had a seemingly easy task. Just install the experimental version of UXPin. Then, get ready, set, and go with Merge. And indeed, it was easy! We did a deep dive into how and why repositories are used and how the changes we make influence the whole development process.<\/p>\n\n\n\n

It was a valuable lesson to go through as it helped merge the gap <\/em>(pun intended) between the insufficient experience in software development and the expectations that you have when sending your design to be \u201cmagically\u201d transformed into code.<\/p>\n\n\n\n

It\u2019s not magic though. It\u2019s a simple (well, not that simple) use of git version control that for years has been a staple in the software development world and is one of the things that the \u201coutside\u201d world should be ready to jump to adopt. It is important in the sense that we arrive at what we call \u201cone source of truth\u201d.<\/p>\n\n\n\n

One source of truth \u2013 code<\/h2>\n\n\n\n

Choosing code as the absolute source of truth is only natural when the end product you\u2019re designing is in fact based on code. One thing that was striking is that the use of coded components cuts the time spent on designing by a mile. For example, once you notice that interactions that have previously been a pain to design are now automatically included within the component, you\u2019re using and are generated from production code, you just can\u2019t be anything but impressed.<\/p>\n\n\n\n

The takeaway and word of mouth within the non-technical part of our team was that automatization works. While we knew that beforehand, it\u2019s eye-opening when you see that your day to day tasks are being revolutionized the same way the rest of the world is. It\u2019s nice to go forward quicker and in a streamlined fashion. To have \u201cone source of truth\u201d.<\/p>\n\n\n\n

The meat of the Merge<\/h2>\n\n\n\n

The other part of that story is our dev team\u2019s engagement in creating components to work with. But not just buttons, menus, appbars or any of the necessary, but maybe less appealing, elements of design. No, we wanted them to just go out and show the rest of us what they can do. And they can do a lot.<\/p>\n\n\n\n

Everything was top notch \u2013 from integrating Google Maps straight into your prototype with working props and editable elements to a first foray into React Native. The thought in the back of everyone\u2019s head was how much we can do to be sure that the prototypes our customers make will not be placeholders but living, working pieces of tech, that thanks to Merge, will have a shorter time-to-market frame.<\/p>\n\n\n\n

The developers’ task during the Merge Friday meeting was to push the boundaries of what you can do with our technology. How far can we go with the prototypes and components you can create using UXPin and Merge? In other words, can we go where the documentation has not yet taken us?<\/p>\n\n\n\n

So armed with a list of libraries, their own abilities and the creativity behind each member of our \u201ctechnical\u201d team, the guys let their imagination go wild.<\/p>\n\n\n\n

One such idea was to utilize the capabilities of the browser. Using the API to switch on the camera all within a React.js component in UXPin. It is doable, just take a look.<\/p>\n\n\n

Live feed camera prototype by Merge<\/a><\/div>\n\n\n\n

So having the above interactive components, without the need to understand code or how to program you can easily set on to discover the next Instagram. Imagine the power of your prototype when you have a real-time image taken from the system’s camera instead of just a placeholder. We are sure your stakeholders will be impressed. We were!<\/p>\n\n\n\n

Merge is cool that way. Just look at what we did with Google Maps and how easily our editor allows to manage properties of the component.<\/p>\n\n\n

[videojs_video url=”https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/07\/googleMaps.mp4″ controls=”false” autoplay=”true” loop=”true” muted=”true”]<\/p>\n\n\n

When the devs prepare a component and the designer works within the agreed properties it is a simple process of producing a marketable product. If the component does not work from the designer’s point of view, it just means that it has to be coded with more elasticity and the software team has to add some more properties for it to work. It’s as simple as that.<\/p>\n\n\n\n

A staple of {\\\/} Merge is the involvement of some of our clients in the process of creation and iteration. This is because we believe that the best products are built with customers in mind. Merge Friday was capped with a short video from Jack Behar of Taylor Digital<\/strong>, one of the beta participants, where he described how Merge changed prototyping within their organization. The conclusion was inspiring to us seeing as the solutions we prepare change how people go about their work. How coded components streamline the design and product creation processes.<\/p>\n\n\n

What’s next for Merge<\/h2>\n

UXPin is the design process tool that helps product teams around the world turn ideas into products faster.<\/p>\n

With Merge, UXPin\u2019s revolutionary technology, companies like PayPal can easily solve DesignOps challenges. UXPin Merge<\/a> allows you to design with React components to achieve full consistency with the final product.<\/p>\n\n\n

\"MergeAccess<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"

On July 12, at the UXPin HQ in Gda\u0144sk, we celebrated an event that surpassed all expectations. And by that, we mean that everyone at the company got involved and we are all more than aboard for what our future is about \u2013 Merge. Everyone at the company got to test Merge for a couple<\/p>\n","protected":false},"author":156,"featured_media":17514,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,334,440,172,19],"tags":[],"class_list":["post-17513","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-features","category-merge","category-product-design","category-uxpin"],"yoast_title":"","yoast_metadesc":"The Merge Friday event at UXPin was a great human test of the capabilities of our new technology. Share the excitement.","acf":[],"yoast_head":"\nUXPin Merge Friday | UXPin<\/title>\n<meta name=\"description\" content=\"The Merge Friday event at UXPin was a great human test of the capabilities of our new technology. Share the excitement.\" \/>\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\/uxpin-merge-friday\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UXPin Merge Friday\" \/>\n<meta property=\"og:description\" content=\"The Merge Friday event at UXPin was a great human test of the capabilities of our new technology. Share the excitement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-25T08:01:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-01T14:08:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/07\/UXPinStudio_Merge-Friday_Blogpost_1200x600.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=\"6 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\\\/uxpin-merge-friday\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/uxpin-merge-friday\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/dfa8a72ffa3bb472596d4442937c7c6a\"},\"headline\":\"UXPin Merge Friday\",\"datePublished\":\"2019-07-25T08:01:53+00:00\",\"dateModified\":\"2022-07-01T14:08:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/uxpin-merge-friday\\\/\"},\"wordCount\":1245,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/uxpin-merge-friday\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/UXPinStudio_Merge-Friday_Blogpost_1200x600.png\",\"articleSection\":[\"Blog\",\"Features\",\"Merge by UXPin\",\"Product Design\",\"UXPin\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/uxpin-merge-friday\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/uxpin-merge-friday\\\/\",\"name\":\"UXPin Merge Friday | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/uxpin-merge-friday\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/uxpin-merge-friday\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/UXPinStudio_Merge-Friday_Blogpost_1200x600.png\",\"datePublished\":\"2019-07-25T08:01:53+00:00\",\"dateModified\":\"2022-07-01T14:08:50+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/dfa8a72ffa3bb472596d4442937c7c6a\"},\"description\":\"The Merge Friday event at UXPin was a great human test of the capabilities of our new technology. Share the excitement.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/uxpin-merge-friday\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/uxpin-merge-friday\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/uxpin-merge-friday\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/UXPinStudio_Merge-Friday_Blogpost_1200x600.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/UXPinStudio_Merge-Friday_Blogpost_1200x600.png\",\"width\":1200,\"height\":600,\"caption\":\"UXPinStudio Merge Friday Blogpost 1200x600\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/uxpin-merge-friday\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UXPin Merge Friday\"}]},{\"@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":"UXPin Merge Friday | UXPin","description":"The Merge Friday event at UXPin was a great human test of the capabilities of our new technology. Share the excitement.","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\/uxpin-merge-friday\/","og_locale":"en_US","og_type":"article","og_title":"UXPin Merge Friday","og_description":"The Merge Friday event at UXPin was a great human test of the capabilities of our new technology. Share the excitement.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/","og_site_name":"Studio by UXPin","article_published_time":"2019-07-25T08:01:53+00:00","article_modified_time":"2022-07-01T14:08:50+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/07\/UXPinStudio_Merge-Friday_Blogpost_1200x600.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"UXPin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/dfa8a72ffa3bb472596d4442937c7c6a"},"headline":"UXPin Merge Friday","datePublished":"2019-07-25T08:01:53+00:00","dateModified":"2022-07-01T14:08:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/"},"wordCount":1245,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/07\/UXPinStudio_Merge-Friday_Blogpost_1200x600.png","articleSection":["Blog","Features","Merge by UXPin","Product Design","UXPin"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/","name":"UXPin Merge Friday | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/07\/UXPinStudio_Merge-Friday_Blogpost_1200x600.png","datePublished":"2019-07-25T08:01:53+00:00","dateModified":"2022-07-01T14:08:50+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/dfa8a72ffa3bb472596d4442937c7c6a"},"description":"The Merge Friday event at UXPin was a great human test of the capabilities of our new technology. Share the excitement.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/07\/UXPinStudio_Merge-Friday_Blogpost_1200x600.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/07\/UXPinStudio_Merge-Friday_Blogpost_1200x600.png","width":1200,"height":600,"caption":"UXPinStudio Merge Friday Blogpost 1200x600"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/uxpin-merge-friday\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"UXPin Merge Friday"}]},{"@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\/17513","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=17513"}],"version-history":[{"count":2,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/17513\/revisions"}],"predecessor-version":[{"id":23486,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/17513\/revisions\/23486"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/17514"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=17513"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=17513"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=17513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}