{"id":16931,"date":"2019-04-09T08:45:01","date_gmt":"2019-04-09T15:45:01","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=16931"},"modified":"2020-10-13T00:28:58","modified_gmt":"2020-10-13T07:28:58","slug":"design-systems-give-small-businesses-a-fighting-chance","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/","title":{"rendered":"How Design Systems Give Small Businesses a Fighting Chance"},"content":{"rendered":"\n
\"efficient<\/figure>\n\n\n\n

At heart, design systems are all about efficiency. <\/strong>
<\/p>\n\n\n\n

Streamlining tasks, removing redundancies in the process, encouraging communication and collaboration \u2014 these money- and time-saving benefits are what makes designs systems so attractive to tech startups and small businesses. How attractive? According to our 2018 UX report<\/a>, 69% of 3,157 designers surveyed said they were currently working on one for their company. <\/p>\n\n\n\n

In an industry as competitive as ours, you can\u2019t afford to waste any resources, especially if you\u2019re still finding your foothold. When done right, design systems save countless hours of busy work and ensure greater product quality, to say nothing of how much easier they make your team\u2019s lives. And they\u2019re pretty easy to build from scratch<\/a>, even if you\u2019ve never seen one before.
<\/p>\n\n\n\n

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

Imagine this: Better products, lower costs, shorter timeframes, and happier workers, all for a small initial investment of time. So how do design systems work and \u2014 more specifically \u2014 how can they work for your company? Below we\u2019ve laid out the top advantages design systems give small businesses.
<\/p>\n\n\n\n

Faster time-to-market<\/h2>\n\n\n\n

Design systems are, in essence, a centralized and communal collection of design components and assets. You want to add a slider on a new page? The design system will have all the guidelines on usage, visual examples, and even code snippets for copying-and-pasting.
<\/p>\n\n\n\n

Among other perks, using pre-existing components makes the product design process<\/a> move much, much faster. Design and development becomes a simple matter of mixing and matching premade pieces, rather than creating everything from scratch. That frees up extra time for experimenting on better designs, or simply launching ahead of schedule.
<\/p>\n\n\n\n

Less errors<\/h2>\n\n\n\n

Another benefit of using prebuilt and standardized component is less errors. Because you\u2019re copying from a master version, there\u2019s no chance of making a mistake. As long as the components in your design system are accurate, their use in your products will be accurate.
<\/p>\n\n\n\n

This is especially good news for developers, who have all the code snippets they need right at their fingertips.
<\/p>\n\n\n\n

Consistency across the board<\/h2>\n\n\n\n

Consistency is vital to a user\u2019s experience, but it can be hard to come by with multiple designers working separately. Design systems allow easy access to universal versions of design assets (and their rules) to keep everyone on the same page, and ensure components remain consistent from one page or section to another.
<\/p>\n\n\n\n

That also holds true for different products. Brands looking to build their identity can use the exact same assets for all their products, giving everything a unified feel and rewarding loyal customers with familiar usability. <\/p>\n\n\n\n

Easier onboarding for new team members<\/h2>\n\n\n\n

Don\u2019t forget that design systems also act as an official reference document for a company or brand. If your team-members ever forget stylistic preferences, a specific value for an asset, or need input on a tough design choice, they can find the answer to any question in the design system.
<\/p>\n\n\n\n

This goes double for new employees who have yet to learn the ropes. Especially for small companies that train new hires individually, onboarding is less time-consuming if the trainee handles much of the learning on their own. Think of design systems as a user manual, with all the instructions clearly written and easy to find. You choose how detailed to make your design systems, so you can also include other resources like style guides, color palettes, and pattern libraries \u2014 a one-stop reference for any question a team-member has. <\/p>\n\n\n\n

Enhanced collaboration<\/h2>\n\n\n\n

During the initial creation of a design system \u2014 and its periodic updates \u2014 design systems get the right conversations started. Which logos go with different screen sizes? How do you want to handle the search function? What is the best accent color for call-to-action buttons? Simply setting out to make a design system forces your team to answer these questions, and make those answers easily accessible to everyone.
<\/p>\n\n\n\n

Having this kind of master reference guide also helps avoid miscommunication. By offering a definitive protocol and standards for otherwise ambiguous elements, design systems keep everyone on the same page. No guesswork, assumptions, or \u201cgoing rogue.\u201d
<\/p>\n\n\n\n

Design systems also do wonders for sometimes-problematic dev handoffs. Because technical specs are embedded in the document, there\u2019s less confusion about how to build something in the backend, or whether it can be built at all. Designs systems give designers and developers a shared language. <\/p>\n\n\n\n

\"collaborative
Photo by NESA by Makers<\/a> on Unsplash<\/a><\/figcaption><\/figure>\n\n\n\n

No version control problems<\/h2>\n\n\n\n

It\u2019s understood that the design system is the official document: every time a change needs to be made, it\u2019s made there. Whenever a bug gets fixed or a new design component is introduced, it\u2019s recorded into the design system so that the next person to use it stays up-to-date automatically. We like to call it a \u201cliving document\u201d because it\u2019s always updating.
<\/p>\n\n\n\n

This format of using only one, agreed-upon master document also ensures that every update gets made to the same file. You never have to merge multiple files that were updated independently of each other by different team members. Whenever you pull from the design system, you know you\u2019re always using the most recent version. This significantly reduces the margin for error.
<\/p>\n\n\n\n

Stronger, data-driven UX<\/h2>\n\n\n\n

So much of UX design depends on customer feedback. Different customer groups have different tastes and preferences, and they can be hard to keep track of, especially if your company is targeting more than one group.
<\/p>\n\n\n\n

Design systems help keep your UX data organized by optimizing your favorite patterns. Discovered your users favor thumb-friendly navigation on the bottom of the screen? All you have to do is update the design system, and every designer knows it\u2019s the new norm going forward.
<\/p>\n\n\n\n

Also, since everyone shares the same components, you only have to modify one copy every time you make a small tweak. That\u2019s a huge time-saver if you decide you want to introduce a new element or make a drastic change. Because every second counts with small teams, using premade, already-optimized components could be the deciding difference in whether you launch on time.
<\/p>\n\n\n\n

Final thoughts: How to build a design system<\/h2>\n\n\n\n

Design systems are a (relatively) new idea, so a lot of companies may be confused about how to build one. That\u2019s why we\u2019ve implemented special design system features<\/a> into UXPin\u2019s software.
<\/p>\n\n\n\n

For starters, our design system libraries feature easily lets you create design system modules and store assets at the click of a button. Our simple, intuitive interface makes it perfect for people who\u2019ve never made a design system before. Collaborative teams also appreciate UXPin\u2019s native communication features, with real-time update notifications and note sharing.
<\/p>\n\n\n\n

Try it out risk-free: <\/p>\n\n\n\n

Join the world's best designers who use UXPin.<\/h2>Sign up for a free trial.<\/span>Try it for free!<\/a><\/section>
<\/p>\n","protected":false},"excerpt":{"rendered":"

At heart, design systems are all about efficiency. Streamlining tasks, removing redundancies in the process, encouraging communication and collaboration \u2014 these money- and time-saving benefits are what makes designs systems so attractive to tech startups and small businesses. How attractive? According to our 2018 UX report, 69% of 3,157 designers surveyed said they were currently<\/p>\n","protected":false},"author":147,"featured_media":16933,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,199],"tags":[258,200],"class_list":["post-16931","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-design-systems","tag-design-consistency","tag-design-systems"],"yoast_title":"","yoast_metadesc":"In an industry as competitive as design, you can\u2019t afford to waste any resources, especially if you\u2019re still finding your foothold...","acf":[],"yoast_head":"\nHow Design Systems Give Small Businesses a Fighting Chance | UXPin<\/title>\n<meta name=\"description\" content=\"In an industry as competitive as design, you can\u2019t afford to waste any resources, especially if you\u2019re still finding your foothold...\" \/>\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\/design-systems-give-small-businesses-a-fighting-chance\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Design Systems Give Small Businesses a Fighting Chance\" \/>\n<meta property=\"og:description\" content=\"In an industry as competitive as design, you can\u2019t afford to waste any resources, especially if you\u2019re still finding your foothold...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-09T15:45:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-13T07:28:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/04\/1200x600_blogpost_fighting_chance.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=\"Matt Ellis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matt Ellis\" \/>\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\\\/design-systems-give-small-businesses-a-fighting-chance\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-systems-give-small-businesses-a-fighting-chance\\\/\"},\"author\":{\"name\":\"Matt Ellis\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/b988b084eeabb589019213cebffbb6fa\"},\"headline\":\"How Design Systems Give Small Businesses a Fighting Chance\",\"datePublished\":\"2019-04-09T15:45:01+00:00\",\"dateModified\":\"2020-10-13T07:28:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-systems-give-small-businesses-a-fighting-chance\\\/\"},\"wordCount\":1128,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-systems-give-small-businesses-a-fighting-chance\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/1200x600_blogpost_fighting_chance.png\",\"keywords\":[\"design consistency\",\"design systems\"],\"articleSection\":[\"Blog\",\"Design Systems\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-systems-give-small-businesses-a-fighting-chance\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-systems-give-small-businesses-a-fighting-chance\\\/\",\"name\":\"How Design Systems Give Small Businesses a Fighting Chance | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-systems-give-small-businesses-a-fighting-chance\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-systems-give-small-businesses-a-fighting-chance\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/1200x600_blogpost_fighting_chance.png\",\"datePublished\":\"2019-04-09T15:45:01+00:00\",\"dateModified\":\"2020-10-13T07:28:58+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/b988b084eeabb589019213cebffbb6fa\"},\"description\":\"In an industry as competitive as design, you can\u2019t afford to waste any resources, especially if you\u2019re still finding your foothold...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-systems-give-small-businesses-a-fighting-chance\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-systems-give-small-businesses-a-fighting-chance\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-systems-give-small-businesses-a-fighting-chance\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/1200x600_blogpost_fighting_chance.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/1200x600_blogpost_fighting_chance.png\",\"width\":1200,\"height\":600,\"caption\":\"1200x600 blogpost fighting chance\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/design-systems-give-small-businesses-a-fighting-chance\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Design Systems Give Small Businesses a Fighting Chance\"}]},{\"@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\\\/b988b084eeabb589019213cebffbb6fa\",\"name\":\"Matt Ellis\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/mattellis\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How Design Systems Give Small Businesses a Fighting Chance | UXPin","description":"In an industry as competitive as design, you can\u2019t afford to waste any resources, especially if you\u2019re still finding your foothold...","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\/design-systems-give-small-businesses-a-fighting-chance\/","og_locale":"en_US","og_type":"article","og_title":"How Design Systems Give Small Businesses a Fighting Chance","og_description":"In an industry as competitive as design, you can\u2019t afford to waste any resources, especially if you\u2019re still finding your foothold...","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/","og_site_name":"Studio by UXPin","article_published_time":"2019-04-09T15:45:01+00:00","article_modified_time":"2020-10-13T07:28:58+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/04\/1200x600_blogpost_fighting_chance.png","type":"image\/png"}],"author":"Matt Ellis","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Matt Ellis","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/"},"author":{"name":"Matt Ellis","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/b988b084eeabb589019213cebffbb6fa"},"headline":"How Design Systems Give Small Businesses a Fighting Chance","datePublished":"2019-04-09T15:45:01+00:00","dateModified":"2020-10-13T07:28:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/"},"wordCount":1128,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/04\/1200x600_blogpost_fighting_chance.png","keywords":["design consistency","design systems"],"articleSection":["Blog","Design Systems"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/","name":"How Design Systems Give Small Businesses a Fighting Chance | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/04\/1200x600_blogpost_fighting_chance.png","datePublished":"2019-04-09T15:45:01+00:00","dateModified":"2020-10-13T07:28:58+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/b988b084eeabb589019213cebffbb6fa"},"description":"In an industry as competitive as design, you can\u2019t afford to waste any resources, especially if you\u2019re still finding your foothold...","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/04\/1200x600_blogpost_fighting_chance.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/04\/1200x600_blogpost_fighting_chance.png","width":1200,"height":600,"caption":"1200x600 blogpost fighting chance"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/design-systems-give-small-businesses-a-fighting-chance\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"How Design Systems Give Small Businesses a Fighting Chance"}]},{"@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\/b988b084eeabb589019213cebffbb6fa","name":"Matt Ellis","url":"https:\/\/www.uxpin.com\/studio\/author\/mattellis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/16931","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\/147"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=16931"}],"version-history":[{"count":1,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/16931\/revisions"}],"predecessor-version":[{"id":22880,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/16931\/revisions\/22880"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/16933"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=16931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=16931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=16931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}