{"id":9850,"date":"2022-02-02T08:31:57","date_gmt":"2022-02-02T08:31:57","guid":{"rendered":"https:\/\/www.xdguru.com\/?p=9850"},"modified":"2022-04-29T08:32:55","modified_gmt":"2022-04-29T08:32:55","slug":"modular-premium-xd-design-system","status":"publish","type":"post","link":"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/","title":{"rendered":"Modular &#8211; Premium XD Design System"},"content":{"rendered":"<p>Kudos to\u00a0<a href=\"https:\/\/app.gumroad.com\/klwebmedia\" target=\"_blank\" rel=\"noopener noreferrer external\" data-wpel-link=\"external\">KL-Webmedia<\/a>\u00a0who designed this new Adobe XD premium resource and decided to share it with the community.<\/p>\n<p>Modular is a design system that consists of a visual composer, a styleguide and more than 500 ready-to-use components. All the elements can easily be customized. Some of the components in the design system include elements such as sidebars, navigation bars, tab bars, symbols, charts, infographics, tables, styles, UI cards, etc. The system has, both, a light mode as well as a dark mode.<\/p>\n<p><!--more--><\/p>\n<p>This application is an ideal Starter Kit for people who are getting into UI Design on web, mobile and desktop. It has been built by designers for designers. Use of this premium XD design system can greatly reduce the time you spend on your next website designing project.<\/p>\n<p>You can purchase a Standard Commercial License (Single User), or an Extended Commercial License (Multi-User).<\/p>\n<p><a href=\"https:\/\/gumroad.com\/a\/681301107\" target=\"_blank\" rel=\"noopener noreferrer external\" data-wpel-link=\"external\">See full details here<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Highlights:<\/strong><\/p>\n<ul>\n<li>500+ UI components &amp; cards included (in different sizes for desktop, tablet, and mobile)<\/li>\n<li>Available as .PSD, .XD, .FIG &amp; .SKETCH Files<\/li>\n<li>Light &amp; Dark mode<\/li>\n<li>Lots of UI elements\n<ul>\n<li>Custom infographics &amp; charts<\/li>\n<li>Icons &amp; Symbols<\/li>\n<li>Vector shapes &amp; elements<\/li>\n<li>UI navigation &amp; sidebars<\/li>\n<li>UI cards<\/li>\n<li>UI widgets<\/li>\n<\/ul>\n<\/li>\n<li>Styleguide included<\/li>\n<li>Compatible with XD, Photoshop, Sketch and Figma<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>This is a truly awesome premium product, make sure to check it out.<\/p>\n<p>&nbsp;<\/p>\n<p><a class=\"button\" href=\"https:\/\/gumroad.com\/a\/681301107\" target=\"_blank\" rel=\"noopener noreferrer external\" data-wpel-link=\"external\">GET IT NOW<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><img class=\"aligncenter size-full wp-image-9852\" src=\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-02.jpg\" alt=\"Modular - Premium XD design system\" width=\"1280\" height=\"920\" srcset=\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-02.jpg 1280w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-02-300x216.jpg 300w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-02-1024x736.jpg 1024w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-02-768x552.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p><img class=\"aligncenter size-full wp-image-9853\" src=\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-03.jpg\" alt=\"Modular - Premium XD design system\" width=\"1280\" height=\"920\" srcset=\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-03.jpg 1280w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-03-300x216.jpg 300w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-03-1024x736.jpg 1024w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-03-768x552.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p><img class=\"aligncenter size-full wp-image-9854\" src=\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-04.jpg\" alt=\"Modular - Premium XD design system\" width=\"1280\" height=\"920\" srcset=\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-04.jpg 1280w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-04-300x216.jpg 300w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-04-1024x736.jpg 1024w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-04-768x552.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p><img class=\"aligncenter size-full wp-image-9855\" src=\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-05.jpg\" alt=\"Modular - Premium XD design system\" width=\"1280\" height=\"920\" srcset=\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-05.jpg 1280w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-05-300x216.jpg 300w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-05-1024x736.jpg 1024w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-05-768x552.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p><img class=\"aligncenter size-full wp-image-9856\" src=\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-06.jpg\" alt=\"Modular - Premium XD design system\" width=\"1280\" height=\"920\" srcset=\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-06.jpg 1280w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-06-300x216.jpg 300w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-06-1024x736.jpg 1024w, https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-06-768x552.jpg 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kudos to\u00a0KL-Webmedia\u00a0who designed this new Adobe XD premium resource and decided to share it with the community. Modular is a [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":9851,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[24,26],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Modular - Premium XD Design System - XDGuru.com<\/title>\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.xdguru.com\/modular-premium-xd-design-system\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modular - Premium XD Design System - XDGuru.com\" \/>\n<meta property=\"og:description\" content=\"Kudos to\u00a0KL-Webmedia\u00a0who designed this new Adobe XD premium resource and decided to share it with the community. Modular is a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/\" \/>\n<meta property=\"og:site_name\" content=\"XDGuru.com\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-02T08:31:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-29T08:32:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1014\" \/>\n\t<meta property=\"og:image:height\" content=\"487\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marco Ferri 3\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.xdguru.com\/#website\",\"url\":\"https:\/\/www.xdguru.com\/\",\"name\":\"XDGuru.com\",\"description\":\"Adobe XD tutorials and UI\/UX design tips\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.xdguru.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/#primaryimage\",\"url\":\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-01.jpg\",\"contentUrl\":\"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-01.jpg\",\"width\":1014,\"height\":487,\"caption\":\"Modular - Premium XD design system\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/#webpage\",\"url\":\"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/\",\"name\":\"Modular - Premium XD Design System - XDGuru.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.xdguru.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/#primaryimage\"},\"datePublished\":\"2022-02-02T08:31:57+00:00\",\"dateModified\":\"2022-04-29T08:32:55+00:00\",\"author\":{\"@id\":\"https:\/\/www.xdguru.com\/#\/schema\/person\/05bae86adcc2409d9a8741aaf5af13ca\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.xdguru.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modular &#8211; Premium XD Design System\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.xdguru.com\/#\/schema\/person\/05bae86adcc2409d9a8741aaf5af13ca\",\"name\":\"Marco Ferri 3\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.xdguru.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/86a168b80f8b3539c122c09b066b9318?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/86a168b80f8b3539c122c09b066b9318?s=96&d=mm&r=g\",\"caption\":\"Marco Ferri 3\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Modular - Premium XD Design System - XDGuru.com","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.xdguru.com\/modular-premium-xd-design-system\/","og_locale":"en_US","og_type":"article","og_title":"Modular - Premium XD Design System - XDGuru.com","og_description":"Kudos to\u00a0KL-Webmedia\u00a0who designed this new Adobe XD premium resource and decided to share it with the community. Modular is a [&hellip;]","og_url":"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/","og_site_name":"XDGuru.com","article_published_time":"2022-02-02T08:31:57+00:00","article_modified_time":"2022-04-29T08:32:55+00:00","og_image":[{"width":1014,"height":487,"url":"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-01.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marco Ferri 3","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.xdguru.com\/#website","url":"https:\/\/www.xdguru.com\/","name":"XDGuru.com","description":"Adobe XD tutorials and UI\/UX design tips","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.xdguru.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/#primaryimage","url":"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-01.jpg","contentUrl":"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-01.jpg","width":1014,"height":487,"caption":"Modular - Premium XD design system"},{"@type":"WebPage","@id":"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/#webpage","url":"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/","name":"Modular - Premium XD Design System - XDGuru.com","isPartOf":{"@id":"https:\/\/www.xdguru.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/#primaryimage"},"datePublished":"2022-02-02T08:31:57+00:00","dateModified":"2022-04-29T08:32:55+00:00","author":{"@id":"https:\/\/www.xdguru.com\/#\/schema\/person\/05bae86adcc2409d9a8741aaf5af13ca"},"breadcrumb":{"@id":"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.xdguru.com\/modular-premium-xd-design-system\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.xdguru.com\/"},{"@type":"ListItem","position":2,"name":"Modular &#8211; Premium XD Design System"}]},{"@type":"Person","@id":"https:\/\/www.xdguru.com\/#\/schema\/person\/05bae86adcc2409d9a8741aaf5af13ca","name":"Marco Ferri 3","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.xdguru.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/86a168b80f8b3539c122c09b066b9318?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/86a168b80f8b3539c122c09b066b9318?s=96&d=mm&r=g","caption":"Marco Ferri 3"}}]}},"jetpack_featured_media_url":"https:\/\/www.xdguru.com\/wp-content\/uploads\/2022\/03\/modular-premium-xd-design-system-01.jpg","jetpack_publicize_connections":[],"_links":{"self":[{"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/posts\/9850"}],"collection":[{"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/comments?post=9850"}],"version-history":[{"count":6,"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/posts\/9850\/revisions"}],"predecessor-version":[{"id":9891,"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/posts\/9850\/revisions\/9891"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/media\/9851"}],"wp:attachment":[{"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/media?parent=9850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/categories?post=9850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xdguru.com\/wp-json\/wp\/v2\/tags?post=9850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}