{"id":24358,"date":"2021-04-22T07:00:00","date_gmt":"2021-04-22T14:00:00","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=24358"},"modified":"2026-05-08T05:48:31","modified_gmt":"2026-05-08T12:48:31","slug":"easier-design-process-agency","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/","title":{"rendered":"How to Make Design Process Simple for Agencies and White Labeling"},"content":{"rendered":"
\"How<\/figure>\n

Anything you can create in code, you can design with UXPin powered by Merge technology<\/a>. Designing with code components can cut down your time to market and simplify the handoff between designers and devs. It’s all thanks to using the single source of truth and designing with production-ready components. <\/p>\n

<\/div>\n
\n
\"\"\/
Device Viewer<\/figcaption><\/figure>\n<\/div>\n
<\/div>\n
\n
\"\"\/
Theme Switcher<\/figcaption><\/figure>\n<\/div>\n

We’ve recently featured two really cool React components that you can use with UXPin Merge; the responsive design Device Viewer<\/a> and Theme Switcher<\/a>. You might think that UXPin’s technology is only useful for companies with a single design system<\/a>, but we’ll show you how a large web agency, spanning several smaller portfolio teams, used these two components in an environment built around white labeling.<\/p>\n

<\/div>\n

The troublesome design process in agency<\/h2>\n

Design agencies can come in all shapes and sizes. Individual small or large agencies or even portfolio companies constantly acquiring smaller teams, each using different technologies. But what does stay the same, are the issues faced when managing branding and creating future-proof, scalable, and efficient design systems.<\/p>\n

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

The software and tools these companies use are incredibly important for solving these issues. Imagine how much time and money is wasted on back-and-forth communication due to using and maintaining multiple design systems and sources of documentation over several technologies and how much more rewarding it would be if you could simplify and improve this. Tools like Adalo<\/a> demonstrate how modern platforms can streamline the app development process, while smart design systems ensure consistency across projects and teams.<\/p>\n

<\/div>\n

Agencies using the power of Merge technology<\/h2>\n

As mentioned in the Theme Switcher and Device Viewer articles, you see what amazing components you can create and how Merge can make complex design ideas easy; all thanks to designing with ready code components. Using your imagination, the possibilities of prototypes you can create seem endless.<\/p>\n

Focusing on the Theme Switcher<\/a>, you can see that it’s just a React component. It shows that anything you can imagine and code can be designed within Merge. It shows how agencies that use Merge can work efficiently with any number of clients, switching between clients’ brands with a click of a button. It’s also an incredibly powerful tool when it comes to requests for proposals (RFPs) and quick-turnaround demos. Imagine if all you had to do to create a new styled prototype to impress potential clients was to edit a simple style file, while your competitors had to create a new prototype from scratch. But, how is this different from using another piece of software and their theming tool?<\/p>\n

Theme switching is not specific to UXPin Merge, some design tools have it, but how it’s implemented here is what makes it special, incredibly efficient, and design consistent. <\/p>\n

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

Unlike other design tools, Merge’s variable values are all predefined in the code and can be done at a component or layout level. Everyone, who uses the components, is designing with the same properties and values, hence everyone has the same tools. Consistency is created from the code itself \u2013 a single source of truth, meaning no more errors in branding and future proofs the design system. The library in the editor is also syncing with the Git repo, so there’s no need to remember about updating the components in two separate places. <\/p>\n

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

Imagine having a design system with a single source of truth. How easy it would be to maintain documentation or have a playground where anyone, be it a designer, developer, or account manager can go and test component props and create prototype presentations. Merge can provide this and it’s only getting better.<\/p>\n

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

As we keep mentioning, anything you can code you can design with. This means you don’t have to install a 3rd party plugin to enable theme switching. Why go through all the complicated steps of adding theme switching to your vector-based design system when you can do everything you need in UXPin powered by Merge technology alone.<\/p>\n

<\/div>\n

Summary<\/h2>\n

Changing design tools can be a daunting task with lots of worry and problems. There’s currently a very rigid design process that people like to follow and it can be very difficult to step out of that comfort zone and try something new, even if they believe it will be better in the long run. <\/p>\n

But there’s no need to worry as the UXPin team is with you every step of the way helping with any integration questions and issues. <\/p>\n

Want to find out more about Merge technology or would like to try it for yourself?<\/p>\n

\n
\n
Discover Merge<\/a><\/center><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Anything you can create in code, you can design with UXPin powered by Merge technology. Designing with code components can cut down your time to market and simplify the handoff between designers and devs. It’s all thanks to using the single source of truth and designing with production-ready components.  Device Viewer Theme Switcher We’ve recently<\/p>\n","protected":false},"author":194,"featured_media":24359,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,339,199,18,172],"tags":[260,365,364,366],"class_list":["post-24358","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-case-study","category-design-systems","category-process","category-product-design","tag-design-process","tag-theme-switcher","tag-theme-switching","tag-uxpin-merge"],"yoast_title":"","yoast_metadesc":"Read a case study on how to cut down and simplify the design process in your agency. Discover the technology that stand behind it!","acf":[],"yoast_head":"\nHow to Make Design Process Simple for Agencies and White Labeling | UXPin<\/title>\n<meta name=\"description\" content=\"Read a case study on how to cut down and simplify the design process in your agency. Discover the technology that stand behind it!\" \/>\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\/easier-design-process-agency\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make Design Process Simple for Agencies and White Labeling\" \/>\n<meta property=\"og:description\" content=\"Read a case study on how to cut down and simplify the design process in your agency. Discover the technology that stand behind it!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-22T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T12:48:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Make-Design-Process-Simple-for-Agencies-and-White-Labeling.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=\"Robert Kirkman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Robert Kirkman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 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\\\/easier-design-process-agency\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/easier-design-process-agency\\\/\"},\"author\":{\"name\":\"Robert Kirkman\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/605d1159a6709badd1c68dc18c81d431\"},\"headline\":\"How to Make Design Process Simple for Agencies and White Labeling\",\"datePublished\":\"2021-04-22T14:00:00+00:00\",\"dateModified\":\"2026-05-08T12:48:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/easier-design-process-agency\\\/\"},\"wordCount\":779,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/easier-design-process-agency\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/How-to-Make-Design-Process-Simple-for-Agencies-and-White-Labeling.png\",\"keywords\":[\"design process\",\"theme switcher\",\"theme switching\",\"uxpin merge\"],\"articleSection\":[\"Blog\",\"Case Study\",\"Design Systems\",\"Process\",\"Product Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/easier-design-process-agency\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/easier-design-process-agency\\\/\",\"name\":\"How to Make Design Process Simple for Agencies and White Labeling | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/easier-design-process-agency\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/easier-design-process-agency\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/How-to-Make-Design-Process-Simple-for-Agencies-and-White-Labeling.png\",\"datePublished\":\"2021-04-22T14:00:00+00:00\",\"dateModified\":\"2026-05-08T12:48:31+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/605d1159a6709badd1c68dc18c81d431\"},\"description\":\"Read a case study on how to cut down and simplify the design process in your agency. Discover the technology that stand behind it!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/easier-design-process-agency\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/easier-design-process-agency\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/easier-design-process-agency\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/How-to-Make-Design-Process-Simple-for-Agencies-and-White-Labeling.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/How-to-Make-Design-Process-Simple-for-Agencies-and-White-Labeling.png\",\"width\":1200,\"height\":600,\"caption\":\"How to Make Design Process Simple for Agencies and White Labeling\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/easier-design-process-agency\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Make Design Process Simple for Agencies and White Labeling\"}]},{\"@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\\\/605d1159a6709badd1c68dc18c81d431\",\"name\":\"Robert Kirkman\",\"description\":\"Just a British man working in Tokyo as a software engineer and technical content writer for UXPin.\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/robert-kirkmanuxpin-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Make Design Process Simple for Agencies and White Labeling | UXPin","description":"Read a case study on how to cut down and simplify the design process in your agency. Discover the technology that stand behind it!","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\/easier-design-process-agency\/","og_locale":"en_US","og_type":"article","og_title":"How to Make Design Process Simple for Agencies and White Labeling","og_description":"Read a case study on how to cut down and simplify the design process in your agency. Discover the technology that stand behind it!","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/","og_site_name":"Studio by UXPin","article_published_time":"2021-04-22T14:00:00+00:00","article_modified_time":"2026-05-08T12:48:31+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Make-Design-Process-Simple-for-Agencies-and-White-Labeling.png","type":"image\/png"}],"author":"Robert Kirkman","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Robert Kirkman","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/"},"author":{"name":"Robert Kirkman","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/605d1159a6709badd1c68dc18c81d431"},"headline":"How to Make Design Process Simple for Agencies and White Labeling","datePublished":"2021-04-22T14:00:00+00:00","dateModified":"2026-05-08T12:48:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/"},"wordCount":779,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Make-Design-Process-Simple-for-Agencies-and-White-Labeling.png","keywords":["design process","theme switcher","theme switching","uxpin merge"],"articleSection":["Blog","Case Study","Design Systems","Process","Product Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/","name":"How to Make Design Process Simple for Agencies and White Labeling | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Make-Design-Process-Simple-for-Agencies-and-White-Labeling.png","datePublished":"2021-04-22T14:00:00+00:00","dateModified":"2026-05-08T12:48:31+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/605d1159a6709badd1c68dc18c81d431"},"description":"Read a case study on how to cut down and simplify the design process in your agency. Discover the technology that stand behind it!","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Make-Design-Process-Simple-for-Agencies-and-White-Labeling.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/04\/How-to-Make-Design-Process-Simple-for-Agencies-and-White-Labeling.png","width":1200,"height":600,"caption":"How to Make Design Process Simple for Agencies and White Labeling"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/easier-design-process-agency\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"How to Make Design Process Simple for Agencies and White Labeling"}]},{"@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\/605d1159a6709badd1c68dc18c81d431","name":"Robert Kirkman","description":"Just a British man working in Tokyo as a software engineer and technical content writer for UXPin.","url":"https:\/\/www.uxpin.com\/studio\/author\/robert-kirkmanuxpin-com\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/24358","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\/194"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=24358"}],"version-history":[{"count":5,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/24358\/revisions"}],"predecessor-version":[{"id":59284,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/24358\/revisions\/59284"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/24359"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=24358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=24358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=24358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}