{"id":8369,"date":"2024-03-22T09:52:41","date_gmt":"2024-03-22T17:52:41","guid":{"rendered":"https:\/\/www.emergeinteractive.com\/?p=8369"},"modified":"2024-04-03T08:52:46","modified_gmt":"2024-04-03T16:52:46","slug":"ultimate-guide-to-design-systems","status":"publish","type":"post","link":"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/","title":{"rendered":"The Ultimate Guide to Design Systems"},"content":{"rendered":"\n<p>When it comes to designing and creating world-class digital products, the most powerful tool to have in your arsenal is a well-defined design system. The list of benefits is long and extensive, and we\u2019ll cover many of them in this article. If you\u2019re new to the concept of a design system the premise is simple \u2014 it is a one-stop source of truth, a resource for everything related to design within your organization. A design system is not simply a visual design library. Design systems house brand assets and guides, customer and user experience resources, and strategies for successfully aligning everything in your cache.<\/p>\n\n\n\n<p>If you are analyzing the impact of creating and maintaining a design system through a pragmatic, business-minded lens, consider the following data:<br><\/p>\n\n\n\n<ul>\n<li>Companies that prioritized and <a href=\"https:\/\/blog.adobe.com\/en\/2020\/02\/08\/digital-trends-study-2020-is-the-year-of-cx-centric-business-tr#gs.m6y3tm\" target=\"_blank\" rel=\"noreferrer noopener\">effectively managed customer experience <\/a>(CX) are 3x more likely than their peers to have significantly exceeded their top business goals.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><a href=\"https:\/\/www.forbes.com\/sites\/forbestechcouncil\/2017\/01\/23\/how-ux-is-transforming-business-whether-you-want-it-to-or-not\/?sh=1c9226f9580e\" target=\"_blank\" rel=\"noreferrer noopener\">Every dollar invested in CX brings $100 in return.<\/a> This is an average figure, but it\u2019s a ROI of an impressive 9,900%.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><a href=\"https:\/\/emtemp.gcom.cloud\/ngw\/globalassets\/en\/marketing\/documents\/creating-a-high-impact-customer-experience-strategy-gartner-for-marketers-11-22-2019.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Customer experience drives over two-thirds of customer loyalty<\/a>, outperforming brand and price combined.&nbsp;<\/li>\n<\/ul>\n\n\n\n<div class=\"contentupgrade-wrapper contentupgrade_10391_c5c83f8fa338de6376ab6815ae0c0334\" id=\"contentupgrade_1\" data-contentupgradeid=\"10391\" data-contentupgradeuid=\"contentupgrade_10391_c5c83f8fa338de6376ab6815ae0c0334\"><\/div><script type=\"text\/javascript\">(function (NfContentUpgradeLoader, $) {loadContentUpgrade('contentupgrade_1', 'The Ultimate Guide to Design Systems', 8369, 10391, 'contentupgrade_10391_c5c83f8fa338de6376ab6815ae0c0334', '', '', '');}(window.NfContentUpgradeLoader = window.NfContentUpgradeLoader || {}, jQuery));<\/script>\n\n\n\n<h4 class=\"wp-block-heading\"><br><strong>How Design Systems Deliver Better Customer Experiences<\/strong><\/h4>\n\n\n\n<p>The above may sound fantastic, but you may be wondering \u2014&nbsp; how can a design system specifically <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/design-system-tips-to-improve-ux\/\">deliver better user experiences<\/a> for your customers? Let\u2019s take a look:<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><br><strong>1. Consistency<\/strong><\/h6>\n\n\n\n<p>A grave problem with design inconsistency is a proliferation of confusion and extra work. Imagine if every time your design team was tasked with creating UX or UI that they had to construct from scratch without any guidance. That would require a tremendous amount of work!<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><br><strong>2. Efficiency<\/strong><\/h6>\n\n\n\n<p>Instead of being at capacity with one project or product that requires substantial time and brainpower, multiple design streams can evolve concurrently.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><br><strong>3. Modernization<\/strong><\/h6>\n\n\n\n<p>As your business evolves over time, it is essential to be able to quickly pivot and adapt to market changes in real-time; be able to effectively address the emerging customer expectations.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><br><strong>4. Branding<\/strong><\/h6>\n\n\n\n<p>Apart from ensuring that UX and UI patterns and components are consistently and efficiently utilized, design systems can also address and stress the importance of properly integrating brand standards.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><br><strong>5. Functionality<\/strong><\/h6>\n\n\n\n<p>Imagine being able to quickly ideate and express design ideas that perform almost like real coded environments with minimal effort. All without the need to require development in the process at the outset. It\u2019s possible with a design system.<\/p>\n\n\n\n<p>In this ultimate guide to design systems, we cover what you need to know when it comes to creating and maintaining design systems. You will begin to realize these benefits and many more.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><br><strong>Start By Ensuring You Have The Right Team<\/strong><\/h4>\n\n\n\n<p>This is first and foremost. When it comes to creating and maintaining your digital products, it is essential to have <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/digital-design-team-structure-ux-ui\/\">the right team<\/a> in place with commensurate levels of experience.<\/p>\n\n\n\n<p>Whether you already have a team in place or are just beginning the process of finding candidates, here are the most essential design roles your organization can have:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><br><strong>The Digital Design Director<\/strong><\/h5>\n\n\n\n<p>This role is notably significant because you need someone who not only understands the nature of design, but who also has the authority to negotiate design decisions that are made in your organization. This role works closely with UX and UI designers.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><br><strong>The UX Designer<\/strong><\/h5>\n\n\n\n<p>The UX designer may be working on any number of things such as <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/how-to-ux-audit-tools-tips\/\">performing a UX audit<\/a>, <a href=\"https:\/\/www.emergeagency.com\/insights\/product-strategy\/detail\/customer-experience-empathy-map-how-to\/\">empathy mapping<\/a>, <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/service-design-blueprint-best-practices-examples\/\">service blueprinting<\/a>, <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/what-most-digital-product-owners-miss-when-journey-mapping\/\">journey mapping<\/a>, <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/moderated-unmoderated-user-testing\/\">moderated or unmoderated user testing<\/a>, and more. This role requires a significant amount of mental space to process research and findings. It is best to have a UX designer working concurrently with a digital design director and UI designer.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><br><strong>The UI Designer<\/strong><\/h5>\n\n\n\n<p>When it comes to the actual visual branded environment that your users and customers will be interacting with on a daily basis, the UI is what they will be engaging with and judging critically. Similarly to the UX designer, this process requires considerable time, thoughtfulness, and creative exploration. It is best when you can have this as a dedicated role.<\/p>\n\n\n\n<p>Are there other roles you might need for effective problem solving through design? The answer depends on the size, scale, and nature of your business, and how often those aspects coincide with the digital product or products you may be creating or maintaining.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><br><strong>Define Your Design System Approach<\/strong><\/h4>\n\n\n\n<p>Once you have the right team in place, it\u2019s time to <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/design-system-static-vs-coded\/\">define the approach for your design system<\/a>. There are two general types of design systems that exist today. Those that are static (uncoded), and those that are coded.&nbsp;<\/p>\n\n\n\n<p>Essentially speaking, all design systems benefit from being coded as they have the most robust usability &amp; accessibility between all teams involved in digital product creation and maintenance. Coded design systems take a considerable amount of time and resources. If you are just beginning, evolving, and\/or modernizing, establishing a static design system is a sound place to begin. Once your business or organization has established an effective static design system, you will be better positioned to elevate to the next echelon of a coded design system.<\/p>\n\n\n\n<p>It\u2019s important to note that creating a static design system does not mean that developers can\u2019t benefit from them. As modern design tools have been created specifically with digital product design in mind, they can generate a base \u201cspec sheet\u201d for engineers to pull code from by using plug-ins. The most popular plug-in is Zeplin.io, which can take Sketch or Figma artboard outputs, and provide developer-friendly front-end HTML and CSS code for both web and mobile applications.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"275\" src=\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2021\/05\/design-system-specs-1024x275.png\" alt=\"design system specs\" class=\"wp-image-7737\" srcset=\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2021\/05\/design-system-specs-1024x275.png 1024w, https:\/\/www.emergeagency.com\/wp-content\/uploads\/2021\/05\/design-system-specs-300x80.png 300w, https:\/\/www.emergeagency.com\/wp-content\/uploads\/2021\/05\/design-system-specs-768x206.png 768w, https:\/\/www.emergeagency.com\/wp-content\/uploads\/2021\/05\/design-system-specs-500x134.png 500w, https:\/\/www.emergeagency.com\/wp-content\/uploads\/2021\/05\/design-system-specs.png 1141w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><em>Zeplin.io Output<\/em><\/p>\n\n\n\n<p>If you\u2019re not sure which direction to go, consider <a href=\"https:\/\/www.nngroup.com\/articles\/design-operations-101\/\" target=\"_blank\" rel=\"noreferrer noopener\">Design Ops<\/a>, in which the goal is \u201cto establish processes and measures that support scalable solutions for these challenges, so that designers can focus on designing and researching.\u201d Emerge offers DesignOps as a <a href=\"https:\/\/www.emergeagency.com\/services\/\">strategic design consultation service<\/a> for our clients.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><br><strong>Define Your Design Strategy<\/strong><\/h4>\n\n\n\n<p>Once you have a team in place and understand which design system approach fits best, <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/digital-product-strategy-framework-design-principles\/\">defining your design strategy<\/a> next will ensure that every design decision is made with purpose and intention. It achieves this by establishing accountability in the design process through the assembly of a decision framework.&nbsp;<\/p>\n\n\n\n<p>This framework assists internal teams in making more informed decisions as opposed to arbitrary decisions. This is particularly helpful in the decision-making process; it can help internal teams process their opinions, drive consolidated feedback, set meeting protocols, and more. A design strategy, therefore, becomes a defining and guiding force for digital product success throughout the lifecycle of its creation and evolution.<\/p>\n\n\n\n<p>Here are five principles that must be adhered to for ultimate accountability to truly flourish from digital product concept to execution:<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><br><strong>1. Understand How Your Business Affects Design<\/strong><\/h6>\n\n\n\n<p>For digital products to evolve through the creative process, there must be an understanding of how your particular business or organization is affected by your digital products, and how problems will be solved through design. At Emerge, we\u2019ve found the most effective tool to capture this information and propel success is a <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/service-design-blueprint-best-practices-examples\/\">service blueprint<\/a>. A complete service blueprint view will help you highlight problematic hot spots and areas to improve.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><br><strong>2. Understand How Your Customer Affects Design<\/strong><\/h6>\n\n\n\n<p>Every aspect of the design process needs to account for all of the ways your key customers interact with your product. This can be done through <a href=\"https:\/\/www.emergeagency.com\/insights\/product-strategy\/detail\/customer-experience-empathy-map-how-to\/\">empathy mapping<\/a>, which allows you to quickly gain insight into what the customers are going through, what needs they have, and pinpointing their ultimate goal. Additionally, <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/what-most-digital-product-owners-miss-when-journey-mapping\/\">journey mapping<\/a> can be used when you want to understand the complete step-by-step journey a customer takes with your business as they work towards their ultimate goal.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><br><strong>3. Establish Design Rules of Engagement<\/strong><\/h6>\n\n\n\n<p>Rules allow for a more consistent process and collective understanding. This is particularly true during the creative and design phases of digital product design. Be sure to:<\/p>\n\n\n\n<ul>\n<li>Define design <a href=\"https:\/\/en.wikipedia.org\/wiki\/Responsibility_assignment_matrix\" target=\"_blank\" rel=\"noreferrer noopener\">roles and responsibilities according to the RACI matrix<\/a> so you know who is Responsible, Accountable, Consulted, and Informed.<\/li>\n\n\n\n<li>Create a design feedback protocol so you know what design decisions to act upon.<\/li>\n\n\n\n<li>Establish meeting goals for each design discussion so there is a clear target to aim towards.<\/li>\n<\/ul>\n\n\n\n<h6 class=\"wp-block-heading\"><br><strong>4. Define Your Design System Approach<\/strong><\/h6>\n\n\n\n<p>As explained above, defining a design system is beneficial because it is the toolkit that will define your product portfolio. It may be changed or evolve, but this often takes a lot of time, coordination, and money.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><br><strong>5. Create the Right Design Team<\/strong><\/h6>\n\n\n\n<p>The benefits of ensuring the right team is in place are quickly realized when working on any digital product design. You\u2019ll be able to account for all of the design strategies listed above in a way that facilitates the best possible experience and outcomes for your customers.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><br><strong>Ensure Your Design System Is Successfully Adopted Across Your Organization<\/strong><\/h4>\n\n\n\n<p>The final section of the ultimate design system guide covers an oft missed step when it comes to successful implementation. Ensuring that your design system is <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/5-step-design-system-implementation\/\">adopted across your entire organization<\/a> is imperative. The rationale for doing this is simple. It creates greater accountability for design decisions that are made each and every day by all internal teams, regardless of role or function.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><br><strong>Define Your Design Strategy<\/strong><\/h5>\n\n\n\n<p>As we\u2019ve covered this above, here is a way to think about this in relative terms using a familiar anecdote:<\/p>\n\n\n\n<p><em>Jim is a product manager working with design teams composed of both internal staff and external contractors across the country and globe. His goal is to keep digital product progress on track despite working with a variety of stakeholders across the organization. His biggest frustration is internal politics. Many departments act like sovereign nations that are either at odds or not talking with one another.<\/em><\/p>\n\n\n\n<p>Sound familiar? It\u2019s not as uncommon as you may believe. Having a well defined design strategy can help create a common understanding and basis for <a href=\"https:\/\/www.emergeagency.com\/whitepaper\/digital-strategy-glossary-for-product-development-teams\/\">shared language around design<\/a> and associated needs and can help facilitate better communication across teams.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><br><strong>Educate Your Organization<\/strong><\/h5>\n\n\n\n<p>Having a design system only benefits those who know of its existence. In this step, plan a roll-out phase, and make sure to provide incentives to make it more compelling to complete. Gamification is a great method for doing just that.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"861\" height=\"572\" src=\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2021\/12\/staffbase-example-design.png\" alt=\"Example of design\" class=\"wp-image-8324\" srcset=\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2021\/12\/staffbase-example-design.png 861w, https:\/\/www.emergeagency.com\/wp-content\/uploads\/2021\/12\/staffbase-example-design-300x199.png 300w, https:\/\/www.emergeagency.com\/wp-content\/uploads\/2021\/12\/staffbase-example-design-768x510.png 768w, https:\/\/www.emergeagency.com\/wp-content\/uploads\/2021\/12\/staffbase-example-design-500x332.png 500w\" sizes=\"(max-width: 861px) 100vw, 861px\" \/><\/figure>\n\n\n\n<p><em>Example of Badging for Employee Onboarding. Source: <\/em><a href=\"https:\/\/staffbase.com\/blog\/gamification-in-employee-onboarding\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Staffbase<\/em><\/a><\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><br><strong>Consult Your Entire Design Team<\/strong><\/h5>\n\n\n\n<p>Your entire design team should be a collective and collaborative part of the process when it comes to defining and creating the design system. Ideas and solutions come from many places, not only from the top of your organization.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><br><strong>Solicit Feedback to Accommodate Other Audiences<\/strong><\/h5>\n\n\n\n<p>Seek and solicit feedback from a diverse spectrum of stakeholders in your organization when creating and developing the design system. This can be performed with user testing, specifically <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/moderated-unmoderated-user-testing\/\">moderated user testing<\/a>, which can help reveal valuable insights and feedback.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><br><strong>Align Your Plan to Scale<\/strong><\/h5>\n\n\n\n<p>It is imperative to have conscientious foresight of the long-term goals of your organization; for your company itself and the consequent effects pertaining to design systems as your company grows and scales. This can be achieved by establishing <a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/jonathons-new-book-alignment-launches-today\/\">alignment<\/a>, which has a long list of benefits but simply put \u2014&nbsp;organizational alignment is key to business growth and success. Alignment is a major driver for implementation of an appropriately sized design system.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><br><strong>The Top Five Resources to Help You Get Started With Your Own Design System<\/strong><\/h4>\n\n\n\n<p>Our ultimate guide to design systems wouldn\u2019t be complete without the following essential resources we\u2019ve created to help you get started with your own design system. We\u2019ve assembled a plethora of detailed information in the following articles. They will guide you on the right path if you\u2019re still uncertain about where to begin.<\/p>\n\n\n\n<ol>\n<li><a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/design-system-tips-to-improve-ux\/\">Five Critical Ways Design Systems Deliver Better User Experiences<\/a><br><br><\/li>\n\n\n\n<li><a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/digital-design-team-structure-ux-ui\/\">How to Build a Digital Product Design Team<\/a><br><br><\/li>\n\n\n\n<li><a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/design-system-static-vs-coded\/\">Static vs. Coded: Which Design System Approach is Best For Your Current Digital Product Strategy?<\/a><br><br><\/li>\n\n\n\n<li><a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/digital-product-strategy-framework-design-principles\/\">What is Design Strategy? Creating Accountability for Product Teams Throughout Your Digital Product Lifecycle<\/a><br><br><\/li>\n\n\n\n<li><a href=\"https:\/\/www.emergeagency.com\/insights\/detail\/5-step-design-system-implementation\/\">Five Important Steps to Ensure Your Design System is Successfully Adopted Across Your Organization<\/a><\/li>\n<\/ol>\n\n\n\n<div class=\"contentupgrade-wrapper contentupgrade_10391_63840ebe26a1625fa2a263f36ec2b884\" id=\"contentupgrade_2\" data-contentupgradeid=\"10391\" data-contentupgradeuid=\"contentupgrade_10391_63840ebe26a1625fa2a263f36ec2b884\"><\/div><script type=\"text\/javascript\">(function (NfContentUpgradeLoader, $) {loadContentUpgrade('contentupgrade_2', 'The Ultimate Guide to Design Systems', 8369, 10391, 'contentupgrade_10391_63840ebe26a1625fa2a263f36ec2b884', '', '', '');}(window.NfContentUpgradeLoader = window.NfContentUpgradeLoader || {}, jQuery));<\/script>\n\n\n\n<h4 class=\"wp-block-heading\"><br><strong>Creating a Design System Doesn\u2019t Have to Be Daunting<\/strong><\/h4>\n\n\n\n<p>This ultimate design system guide has covered many facets when it comes to design systems, how to best envision them, and how to ensure they work successfully. That said, design systems do require thoughtful planning and execution. This can be a substantial challenge for many businesses and organizations.&nbsp;<\/p>\n\n\n\n<p>Often resources and time are limited when building the right team or supporting such an initiative through to fulfillment. In those circumstances, it can be extremely helpful to have a knowledgeable and experienced partner. At Emerge, we\u2019re passionate about setting up our clients for success. If you or your team need further consultation we\u2019re <a href=\"https:\/\/www.emergeagency.com\/contact\/\">here to help<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When it comes to designing and creating world-class digital products, the most powerful tool to have in your arsenal is a well-defined design system. The list of benefits is long and extensive, and we\u2019ll cover many of them in this article. If you\u2019re new to the concept of a design system the premise is simple [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":8371,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,20,27],"tags":[],"message_area_of_focus":[36],"buy_cycle":[37],"target_audience":[39],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ultimate Design System Guide: Build a Team, Set Strategy, &amp; Get Buy-in<\/title>\n<meta name=\"description\" content=\"A design system has myriad benefits for CX. Follow this guide to learn how to build a design team, create a strategy, and get organization-wide buy-in.\" \/>\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.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ultimate Design System Guide: Build a Team, Set Strategy, &amp; Get Buy-in\" \/>\n<meta property=\"og:description\" content=\"A design system has myriad benefits for CX. Follow this guide to learn how to build a design team, create a strategy, and get organization-wide buy-in.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/\" \/>\n<meta property=\"og:site_name\" content=\"EMERGE | UX Agency\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-22T17:52:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-03T16:52:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2022\/01\/design-system-ultimate_DETAIL.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2161\" \/>\n\t<meta property=\"og:image:height\" content=\"825\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jonathon Hensley\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EmergeInteract\" \/>\n<meta name=\"twitter:site\" content=\"@EmergeInteract\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jonathon Hensley\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/\",\"url\":\"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/\",\"name\":\"Ultimate Design System Guide: Build a Team, Set Strategy, & Get Buy-in\",\"isPartOf\":{\"@id\":\"https:\/\/www.emergeagency.com\/#website\"},\"datePublished\":\"2024-03-22T17:52:41+00:00\",\"dateModified\":\"2024-04-03T16:52:46+00:00\",\"author\":{\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/f7b2a2674b7ff8beb49410a06d7b3fa1\"},\"description\":\"A design system has myriad benefits for CX. Follow this guide to learn how to build a design team, create a strategy, and get organization-wide buy-in.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.emergeagency.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Ultimate Guide to Design Systems\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.emergeagency.com\/#website\",\"url\":\"https:\/\/www.emergeagency.com\/\",\"name\":\"EMERGE | UX Agency\",\"description\":\"EMERGE is a UX design agency in Portland, OR. We help product and marketing leaders in healthcare, manufacturing, and tech drive revenue and improve outcomes through digital products that increase customer engagement and retention. Our specialties are in UX\/UI Design, product strategy, and full-stack development.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.emergeagency.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/f7b2a2674b7ff8beb49410a06d7b3fa1\",\"name\":\"Jonathon Hensley\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/jon-96x96.jpg\",\"contentUrl\":\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/jon-96x96.jpg\",\"caption\":\"Jonathon Hensley\"},\"url\":\"https:\/\/www.emergeagency.com\/author\/jon-henseley\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ultimate Design System Guide: Build a Team, Set Strategy, & Get Buy-in","description":"A design system has myriad benefits for CX. Follow this guide to learn how to build a design team, create a strategy, and get organization-wide buy-in.","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.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/","og_locale":"en_US","og_type":"article","og_title":"Ultimate Design System Guide: Build a Team, Set Strategy, & Get Buy-in","og_description":"A design system has myriad benefits for CX. Follow this guide to learn how to build a design team, create a strategy, and get organization-wide buy-in.","og_url":"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/","og_site_name":"EMERGE | UX Agency","article_published_time":"2024-03-22T17:52:41+00:00","article_modified_time":"2024-04-03T16:52:46+00:00","og_image":[{"width":2161,"height":825,"url":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2022\/01\/design-system-ultimate_DETAIL.png","type":"image\/png"}],"author":"Jonathon Hensley","twitter_card":"summary_large_image","twitter_creator":"@EmergeInteract","twitter_site":"@EmergeInteract","twitter_misc":{"Written by":"Jonathon Hensley","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/","url":"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/","name":"Ultimate Design System Guide: Build a Team, Set Strategy, & Get Buy-in","isPartOf":{"@id":"https:\/\/www.emergeagency.com\/#website"},"datePublished":"2024-03-22T17:52:41+00:00","dateModified":"2024-04-03T16:52:46+00:00","author":{"@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/f7b2a2674b7ff8beb49410a06d7b3fa1"},"description":"A design system has myriad benefits for CX. Follow this guide to learn how to build a design team, create a strategy, and get organization-wide buy-in.","breadcrumb":{"@id":"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.emergeagency.com\/insights\/detail\/ultimate-guide-to-design-systems\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.emergeagency.com\/"},{"@type":"ListItem","position":2,"name":"The Ultimate Guide to Design Systems"}]},{"@type":"WebSite","@id":"https:\/\/www.emergeagency.com\/#website","url":"https:\/\/www.emergeagency.com\/","name":"EMERGE | UX Agency","description":"EMERGE is a UX design agency in Portland, OR. We help product and marketing leaders in healthcare, manufacturing, and tech drive revenue and improve outcomes through digital products that increase customer engagement and retention. Our specialties are in UX\/UI Design, product strategy, and full-stack development.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.emergeagency.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/f7b2a2674b7ff8beb49410a06d7b3fa1","name":"Jonathon Hensley","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/image\/","url":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/jon-96x96.jpg","contentUrl":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/jon-96x96.jpg","caption":"Jonathon Hensley"},"url":"https:\/\/www.emergeagency.com\/author\/jon-henseley\/"}]}},"_links":{"self":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/8369"}],"collection":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/comments?post=8369"}],"version-history":[{"count":18,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/8369\/revisions"}],"predecessor-version":[{"id":11635,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/8369\/revisions\/11635"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/media\/8371"}],"wp:attachment":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/media?parent=8369"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/categories?post=8369"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/tags?post=8369"},{"taxonomy":"message_area_of_focus","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/message_area_of_focus?post=8369"},{"taxonomy":"buy_cycle","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/buy_cycle?post=8369"},{"taxonomy":"target_audience","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/target_audience?post=8369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}