{"id":34069,"date":"2024-10-14T03:25:47","date_gmt":"2024-10-14T10:25:47","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=34069"},"modified":"2024-10-14T03:25:59","modified_gmt":"2024-10-14T10:25:59","slug":"get-support-for-design-system","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/","title":{"rendered":"How to Get Non-Designers to Use and Support the Design System?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/How-to-get-non-designers-to-use-and-support-the-design-system-1024x512.png\" alt=\"How to get non designers to use and support the design system\" class=\"wp-image-34070\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/How-to-get-non-designers-to-use-and-support-the-design-system-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/How-to-get-non-designers-to-use-and-support-the-design-system-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/How-to-get-non-designers-to-use-and-support-the-design-system-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/How-to-get-non-designers-to-use-and-support-the-design-system.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Getting stakeholder and organizational support is crucial for ongoing investment and the future success of your design system. The DS team must prove that employees use the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ui-systems\/\" target=\"_blank\" rel=\"noreferrer noopener\">design system<\/a> and that it delivers a positive return on investment.<\/p>\n\n\n\n<p>In our January 2022 webinar, <em>Defending Your Design System<\/em>, Carola Cassaro talked about the challenges DS teams face, <em>&#8220;We&#8217;re all dedicated to designing products that change people&#8217;s lives, but we don&#8217;t always have the right framework and vocabulary to communicate that impact, especially in the design system space.&#8221;<\/em><\/p>\n\n\n\n<p>Many designers have a tough time explaining why they need resources to evolve and scale a design system. Tracking the design system&#8217;s impact and identifying successes and opportunities can help DS teams <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/evangelizing-ux-how-design-leaders-win-buy-in\/\" target=\"_blank\" rel=\"noreferrer noopener\">get stakeholders&#8217; buy-in to improve and scale<\/a>.<\/p>\n\n\n\n<p>Design systems are usually a design team initiative. yet, they can help the whole organization. They also help developers in making sure that the front-end is consistent. Tools like UXPin Merge make it easy to use the interactive UI components from your team&#8217;s design system across design and development.<\/p>\n\n\n\n<p>You can import <a href=\"https:\/\/www.uxpin.com\/merge\/git-integration\" target=\"_blank\" rel=\"noreferrer noopener\">Git<\/a>, <a href=\"https:\/\/www.uxpin.com\/merge\/storybook-integration\" target=\"_blank\" rel=\"noreferrer noopener\">Storybook<\/a> or <a href=\"https:\/\/www.uxpin.com\/merge\/npm-integration\" target=\"_blank\" rel=\"noreferrer noopener\">NPM<\/a> components to UXPin and create interactive prototypes that you can quickly hand off to developers. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Request access to UXPin Merge<\/a>.<\/p>\n\n\n\n<section class=\"discover-merge\">\n    <div class=\"discover-merge__container\">\n        <div class=\"discover-merge__left\">\n            <p class=\"discover-merge__heading\">Reach a new level of prototyping<\/p>\n            <p class=\"discover-merge__text\">Design with interactive components coming from your team&#8217;s design system.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"discover-merge__button\">Discover UXPin Merge<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-merge.png\" class=\"discover-merge__image\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.discover-merge {\n    margin: 40px 8px;\n}\n\n.discover-merge__container {\n    display: flex;\n    max-width: 690px;\n    height: 200px;\n    padding: 20px;\n    padding-left: 24px;\n    border-radius: 4px;\n    background-color: black;\n    box-shadow: 10px 10px #9999ff;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.discover-merge__left {\n    width: 50%;\n}\n\n.discover-merge__left p {\n    margin: 10px 0px !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__heading {\n    font-weight: bold !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__text {\n    margin: 0 !important;\n    line-height: 22px !important;\n}\n\n.discover-merge__button {\n    width: 174px;\n    height: 44px;\n    margin: 10px 0px;\n    border: none;\n    border-radius: 2px;\n    background: white;\n    color: black;\n    font-size: 16px;\n    text-align: center;\n}\n\n.discover-merge__button:hover {\n    cursor: pointer;\n}\n\n.discover-merge__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -19px;\n}\n\n@media (max-width: 760px) {\n    .discover-merge__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .discover-merge__container {\n        flex-direction: column;\n    }\n\n    .discover-merge__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-why-do-you-need-support-from-non-designers\">Why do You Need Support from Non-Designers?<\/h2>\n\n\n\n<p>Design systems require time and resources to maintain and scale. The DS team must prove the design system&#8217;s value to acquire those resources.&nbsp;<\/p>\n\n\n\n<p>Demonstrating the design system&#8217;s value means team members must adopt it. So, the DS also needs to engage with teams across the organization to encourage usage and gather feedback for improvements.<\/p>\n\n\n\n<p>Getting people to contribute to the design system gives them ownership, resulting in wider use, thus building your case for more resources and support.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-to-encourage-adoption-of-your-design-system\">How to Encourage Adoption of Your Design System<\/h3>\n\n\n\n<p>Many organizations use internal workshops and training sessions to demonstrate the design system, why it was created, how to use it, best practices, and other relevant information.<\/p>\n\n\n\n<p>Invite representatives from all departments so you can generate organization-wide excitement and buy-in. These workshops are also a fantastic opportunity to invite teams outside of design and development to share feedback and ideas. Remember, <em>contribution<\/em> = <em>ownership<\/em> = <strong>adoption<\/strong>.<\/p>\n\n\n\n<p>Don&#8217;t only use workshops to encourage feedback. Set up communication channels (Slack, Asana, Jira, etc.) for teams to submit feedback and ideas.&nbsp;<\/p>\n\n\n\n<p>Once teams start adopting and evangelizing your design system, it&#8217;s time to start measuring its impact across the organization.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-getting-support-for-design-systems-three-areas-of-focus\">Getting Support for Design Systems: Three Areas of Focus<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/process.png\" alt=\"process\" class=\"wp-image-32361\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/process.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/11\/process-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>The design system team must look at three areas to determine its impact on the product and organization:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Teams:<\/strong> How does the design system improve workflows?<\/li>\n\n\n\n<li><strong>Products:<\/strong> What is the design system&#8217;s impact on products and business value?<\/li>\n\n\n\n<li><strong>End-users:<\/strong> How does the design system impact usability?<\/li>\n<\/ul>\n\n\n\n<p>Let&#8217;s look at these three areas in more detail.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-teams\">Teams<\/h3>\n\n\n\n<p>There are three primary metrics you can use to evaluate a design system&#8217;s impact on teams:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Design system adoption<\/li>\n\n\n\n<li>Saved resources<\/li>\n\n\n\n<li>Time to market<\/li>\n<\/ul>\n\n\n\n<p>You can evaluate a design system&#8217;s adoption by checking for elements present in repositories and determining the active use percentage\u2013a strategy used by UK Gov Design outlined at <a href=\"http:\/\/gov-design.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">GOVDESIGN 2020<\/a>.<\/p>\n\n\n\n<p>By regularly collecting and plotting this data, you can demonstrate the design system&#8217;s adoption over time. You can also plot uptake post workshops to determine their success.<\/p>\n\n\n\n<p>It&#8217;s important to measure time on task and other performance metrics before implementing a design system to get a baseline. And then use this baseline to measure the design system&#8217;s impact.&nbsp;<\/p>\n\n\n\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/\" target=\"_blank\" rel=\"noreferrer noopener\">PayPal conducted similar tests<\/a> when switching from image-based design tools to <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin Merge<\/a>. Building a single-page prototype using an image-based tool took over an hour vs. eight minutes with Merge\u2013demonstrating an 8X increase in speed resulting in cost and time savings.<\/p>\n\n\n\n<p>Time-to-market is critical for products to compete and stay within budgets. Reducing time-to-market demonstrates to stakeholders that investing and optimizing your design system can provide a competitive edge with fewer resources.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-products\">Products<\/h3>\n\n\n\n<p>Next, you want to identify design system wins in product performance. Again, we&#8217;ll look at three key metrics:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Component coverage<\/li>\n\n\n\n<li>Stability<\/li>\n\n\n\n<li>Brand value alignment<\/li>\n<\/ul>\n\n\n\n<p>DS teams can test which components are used in products and which are not. These metrics determine the design system&#8217;s coverage and relevance across products.<\/p>\n\n\n\n<p>Product stability impacts the entire organization, including the brand itself. DS teams can measure the number and severity of product defects before and after design system implementation to demonstrate how it reduces errors.<\/p>\n\n\n\n<p>Measuring brand affinity is challenging, but in <em>Defending Your Design System<\/em>, Carola talks about how eBay tested brand alignment by asking customers to rate several brand attributes for page designs pre and post design system. eBay found that design system pages scored higher for overall brand affinity.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-end-users\">End-Users<\/h3>\n\n\n\n<p>Lastly, <em>and most importantly<\/em>, how does your design system impact customers and user experience? Here are three examples of end-user metrics relating to your design system:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Performance<\/li>\n\n\n\n<li>Usability<\/li>\n\n\n\n<li>Customer satisfaction<\/li>\n<\/ul>\n\n\n\n<p>Load time is an excellent way to measure a product&#8217;s performance, a vital metric for customer satisfaction and user experience. Design system components are optimized for performance and reduce bloat, so you should notice faster load times after implementation.<\/p>\n\n\n\n<p>DS teams can use time-on-task, conversion rates, and other task-related activities to test the design system&#8217;s impact on usability and accessibility. IBM tested user task completion rates before and after design system adoption and discovered a three-fold increase.<\/p>\n\n\n\n<p>DS teams can use surveys, product reviews, interviews, and other customer feedback to create a trend for before vs. after the design system&#8217;s adoption. They can also use these metrics to measure the success of usability and accessibility releases to demonstrate how a design system fixes usability issues and increases customer satisfaction over time.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-pitching-a-design-system-to-stakeholders\">Pitching a Design System to Stakeholders<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/team-collaboration-talk-communication-1.png\" alt=\"team collaboration talk communication 1\" class=\"wp-image-32151\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/team-collaboration-talk-communication-1.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/team-collaboration-talk-communication-1-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>In our free download, <a href=\"https:\/\/www.uxpin.com\/evangelizing-design-system-roi-template\" target=\"_blank\" rel=\"noreferrer noopener\">Evangelizing a Design System<\/a>, we share a proven template for getting executive and stakeholder buy-in. Here is a three-step process to evangelize your design system:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Collect data to validate the design system&#8217;s impact<\/li>\n\n\n\n<li>Identify wins and create a compelling story<\/li>\n\n\n\n<li>Project what the company stands to gain<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-collect-data\">Step 1 &#8211; Collect Data<\/h3>\n\n\n\n<p>Collect data as outlined in the <em>Three Areas of Focus<\/em> above. If you&#8217;re unsure where to start, find resources and use cases from successful design systems relevant to your product and company.<\/p>\n\n\n\n<p>Also, check out these resources from our blog for guidance and direction:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Evangelizing a Design System<\/li>\n\n\n\n<li><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-dan-mall-superfriendly\/\" target=\"_blank\" rel=\"noreferrer noopener\">On Design Systems: An Interview with Dan Mall of Superfriendly<\/a><\/li>\n<\/ul>\n\n\n\n<p>Collecting and analyzing data can be lengthy and time-consuming, but it&#8217;s a crucial part of building your design system success narrative.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-identify-wins-and-create-a-compelling-story\">Step 2 &#8211; Identify Wins and Create a Compelling Story<\/h3>\n\n\n\n<p>In our free download, Evangelizing a Design System, we share a 40+ slide template that&#8217;s ready for you to present to stakeholders and executives.&nbsp;<\/p>\n\n\n\n<p>We include actual data from successes at Dropbox, IBM, LinkedIn, Atlassian, and others to strengthen your case and demonstrate what the future holds for your organization.<\/p>\n\n\n\n<p>Highlight your wins in the presentation and use storytelling to explain how you used objective testing to arrive at your final results.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-project-what-the-company-stands-to-gain\">Step 3 &#8211; Project What the Company Stands to Gain<\/h3>\n\n\n\n<p>To acquire investment, you must demonstrate what the company will gain from allocating resources to scale the design system, that is finding the return on investment (ROI). Combine future projections with case studies from other successful design systems to show the possible return on investment.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-investing-in-the-right-design-system-tools\">Investing in the Right Design System Tools<\/h2>\n\n\n\n<p>Investing in the right tools can improve many of the metrics outlined in the <em>Three Areas of Focus<\/em> above. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">UXPin Merge<\/a> is a code-based design tool that allows you to sync a design system hosted in a repository to UXPin&#8217;s editor so designers can build prototypes using fully functional code components.<\/p>\n\n\n\n<p>This single source of truth increases adoption and collaboration between departments, even among non-designers, as was the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/\" target=\"_blank\" rel=\"noreferrer noopener\">case with PayPal<\/a>. PayPal also noticed a significant reduction in time-to-market and higher quality feedback from stakeholders who were able to interact with Merge prototypes better than previous image-based design tools.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"PayPal + UXPin Testimonial\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/vzrv9bmig4M?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>With a single source of truth, companies also achieve higher rates of consistency and cohesion between design and development. Design handoffs are much smoother because designers use production-ready components to build prototypes, making it easy for engineers to copy\/paste and begin development.<\/p>\n\n\n\n<p>When the DS team changes the design system or introduces new patterns and components to the repository, UXPin automatically updates the editor and notifies team members of the latest release.<\/p>\n\n\n\n<p>Discover Merge and take your design system and workflows to the next level with code-based design from UXPin Merge. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Request access to UXPin Merge<\/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>Getting stakeholder and organizational support is crucial for ongoing investment and the future success of your design system. The DS team must prove that employees use the design system and that it delivers a positive return on investment. In our January 2022 webinar, Defending Your Design System, Carola Cassaro talked about the challenges DS teams<\/p>\n","protected":false},"author":3,"featured_media":34070,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,183,199,71,174],"tags":[],"class_list":["post-34069","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-design-leadership","category-design-systems","category-documentation","category-enterprise-ux"],"yoast_title":"3 Steps to Win Support for Design System Among Non-Designers","yoast_metadesc":"Read the article and learn how to demonstrate the design system's value. Persuade non-designers and change them into evangelists!","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>3 Steps to Win Support for Design System Among Non-Designers<\/title>\n<meta name=\"description\" content=\"Read the article and learn how to demonstrate the design system&#039;s value. Persuade non-designers and change them into evangelists!\" \/>\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\/get-support-for-design-system\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Get Non-Designers to Use and Support the Design System?\" \/>\n<meta property=\"og:description\" content=\"Read the article and learn how to demonstrate the design system&#039;s value. Persuade non-designers and change them into evangelists!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-14T10:25:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-14T10:25:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/How-to-get-non-designers-to-use-and-support-the-design-system.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 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\\\/get-support-for-design-system\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/get-support-for-design-system\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"How to Get Non-Designers to Use and Support the Design System?\",\"datePublished\":\"2024-10-14T10:25:47+00:00\",\"dateModified\":\"2024-10-14T10:25:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/get-support-for-design-system\\\/\"},\"wordCount\":1467,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/get-support-for-design-system\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-get-non-designers-to-use-and-support-the-design-system.png\",\"articleSection\":[\"Blog\",\"Design Leadership\",\"Design Systems\",\"Documentation\",\"Enterprise UX\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/get-support-for-design-system\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/get-support-for-design-system\\\/\",\"name\":\"3 Steps to Win Support for Design System Among Non-Designers\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/get-support-for-design-system\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/get-support-for-design-system\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-get-non-designers-to-use-and-support-the-design-system.png\",\"datePublished\":\"2024-10-14T10:25:47+00:00\",\"dateModified\":\"2024-10-14T10:25:59+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Read the article and learn how to demonstrate the design system's value. Persuade non-designers and change them into evangelists!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/get-support-for-design-system\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/get-support-for-design-system\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/get-support-for-design-system\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-get-non-designers-to-use-and-support-the-design-system.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-get-non-designers-to-use-and-support-the-design-system.png\",\"width\":1200,\"height\":600,\"caption\":\"How to get non designers to use and support the design system\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/get-support-for-design-system\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Get Non-Designers to Use and Support the Design System?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"3 Steps to Win Support for Design System Among Non-Designers","description":"Read the article and learn how to demonstrate the design system's value. Persuade non-designers and change them into evangelists!","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\/get-support-for-design-system\/","og_locale":"en_US","og_type":"article","og_title":"How to Get Non-Designers to Use and Support the Design System?","og_description":"Read the article and learn how to demonstrate the design system's value. Persuade non-designers and change them into evangelists!","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/","og_site_name":"Studio by UXPin","article_published_time":"2024-10-14T10:25:47+00:00","article_modified_time":"2024-10-14T10:25:59+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/How-to-get-non-designers-to-use-and-support-the-design-system.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"How to Get Non-Designers to Use and Support the Design System?","datePublished":"2024-10-14T10:25:47+00:00","dateModified":"2024-10-14T10:25:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/"},"wordCount":1467,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/How-to-get-non-designers-to-use-and-support-the-design-system.png","articleSection":["Blog","Design Leadership","Design Systems","Documentation","Enterprise UX"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/","name":"3 Steps to Win Support for Design System Among Non-Designers","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/How-to-get-non-designers-to-use-and-support-the-design-system.png","datePublished":"2024-10-14T10:25:47+00:00","dateModified":"2024-10-14T10:25:59+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Read the article and learn how to demonstrate the design system's value. Persuade non-designers and change them into evangelists!","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/How-to-get-non-designers-to-use-and-support-the-design-system.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/How-to-get-non-designers-to-use-and-support-the-design-system.png","width":1200,"height":600,"caption":"How to get non designers to use and support the design system"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/get-support-for-design-system\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"How to Get Non-Designers to Use and Support the Design System?"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/34069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=34069"}],"version-history":[{"count":6,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/34069\/revisions"}],"predecessor-version":[{"id":54973,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/34069\/revisions\/54973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/34070"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=34069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=34069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=34069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}