{"id":18603,"date":"2019-12-05T17:00:49","date_gmt":"2019-12-05T17:00:49","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=18603"},"modified":"2020-12-14T11:40:42","modified_gmt":"2020-12-14T11:40:42","slug":"systems-design-design-systems","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/","title":{"rendered":"Design Systems and Systems Design"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><script type=\"application\/ld+json\"> {\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"WebPage\",\n  \"headline\": \"\n            <yoastmark class='yoast-text-mark'>Design Systems<\/yoastmark> and <yoastmark class='yoast-text-mark'>Systems Design<\/yoastmark> Difference | Marvel Blog - Marvel Blog        \",\n  \"mentions\": [\n    {\"@type\": \"Thing\",\"name\": \"<yoastmark class='yoast-text-mark'>Systems Design<\/yoastmark>\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Systems_design\"}, \n    {\"@type\": \"Thing\",\"name\": \"Figma\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/Figma_(software)\"}, \n    {\"@type\": \"Thing\",\"name\": \"JavaScript\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/JavaScript\"}, \n    {\"@type\": \"Thing\",\"name\": \"CSS\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/CSS\"}, \n    {\"@type\": \"Thing\",\"name\": \"HTML\",\"sameAs\": \"https:\/\/en.wikipedia.org\/wiki\/HTML\"}\n  ]\n}\n<\/script><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I\u2019ve had several recruiters read my resum\u00e9 about my experience in Design Systems and contact me about jobs. Only to find out they were hiring for people with Systems Design experience. I\u2019ll be outlining what both topics are and help people understand the qualities of each.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-6580 size-full\" title=\"Design Systems, Systems Design\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2019\/11\/1GUGarK_KogMB_tXibaHuhA.png\" alt=\"Design Systems, Systems Design\" width=\"1320\" height=\"440\" \/><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Design Systems<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">An engineer who works on a design system typically has some interest in visual design and\/or user experience. The engineer would be interested in colors, typography, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/blog\/harmonious-spacing-system-faster-design-dev-handoff\/\">spacing<\/a>, and reusable components. They would also be interested in design tools like Sketch and Figma and how to integrate or enhance product design tools. Their work revolves around creating the building blocks that their peers can use to create interfaces and experiences quickly; keeping a consistent look and feel. They may also be responsible for coding features into components or creating the framework that allows the parts to be used easily by their peers.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">These engineers are typically not developing apps or features nor are they often creating <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/features\/wireframing\">wireframes<\/a> or flows, except when a smaller component has several states (eg. date-picker). However, it is common for these types of people to help their peers within feature teams integrate their deliverables into the larger system.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">When this type of role didn\u2019t exist, these engineers would liken themselves toward traditional frontend engineering roles. These roles might include:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Web Developer<\/li>\n<li>UX Engineer<\/li>\n<li>UI Developer<\/li>\n<li>Creative \/ Design Technologist<\/li>\n<li>Frontend Developer\/Engineer<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Another resource<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"class=\"link link--blue fontWeight-4\" href=\"https:\/\/uxdesign.cc\/everything-you-need-to-know-about-design-systems-54b109851969\"><span class=\"display-block padding-xs paddingRight-m\"><span class=\"marginBottom-xs display-block c-slate lineHeight-l fontSize-l fontWeight-5\">Everything you Need to Know About Design Systems - Audrey Hacq<\/span><span class=\"c-slate lineHeight-l fontSize-l fontWeight-3 opacity-80\">An indepth write up about the fundamentals of any Design System.<\/span><\/span><\/a><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">About frontend<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The definition of frontend (or front-end) has shifted over the years. Before JavaScript could run on the server-side; if you were a frontend developer you worked almost exclusively in web browser technologies. Your languages were HTML, CSS, and JavaScript. You hardly ever had to connect to a database or create an API.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Today, frontend developers are often required to be closer to what traditionally meant full stack. They are now not only responsible for the frontend (or user interface) but also serve that frontend, manage the state of the application, and connect to backend services. This is also why many of them do not have visual design experience or even CSS experience (a technology that is quintessentially frontend). They are now responsible for too much.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Personally, I wish the term frontend didn\u2019t shift and instead we use JavaScript engineer to describe roles that use JavaScript on the browser and server as this more accurately describes what these engineers are doing.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">More resources on this topic:<\/p>\n<section class=\"pageWrap pageWrap--s marginBottom-l boxShadow-smoke boxShadow-smoke--xd--hover borderRadius-m transitionDuration-m transitionTimingFunction-ease\"><a class=\"link link--blue fontWeight-4\"class=\"link link--blue fontWeight-4\" href=\"https:\/\/css-tricks.com\/the-great-divide\/\"><span class=\"display-block padding-xs paddingRight-m\"><span class=\"marginBottom-xs display-block c-slate lineHeight-l fontSize-l fontWeight-5\">The Great Divide<\/span><span class=\"c-slate lineHeight-l fontSize-l fontWeight-3 opacity-80\">The divide of those who self-identify as a front-end developer who have skill sets heavily revolved around JavaScript and others who skills sets are focused more on other areas of front-end .<\/span><\/span><\/a><\/section>\n<section class=\"pageWrap pageWrap--s marginBottom-l boxShadow-smoke boxShadow-smoke--xd--hover borderRadius-m transitionDuration-m transitionTimingFunction-ease\"><a class=\"link link--blue fontWeight-4\"class=\"link link--blue fontWeight-4\" href=\"https:\/\/bradfrost.com\/blog\/post\/frontend-design-react-and-a-bridge-over-the-great-divide\/\"><span class=\"display-block padding-xs paddingRight-m\"><span class=\"marginBottom-xs display-block c-slate lineHeight-l fontSize-l fontWeight-5\">Frontend Design, React, and a Bridge Over the Great Divide - Brad Frost<\/span><span class=\"c-slate lineHeight-l fontSize-l fontWeight-3 opacity-80\">Where does Front end Designer sit in the great divide and how does this role work with React? <\/span><\/span><\/a><\/section>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Systems Design<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I\u2019d like to first admit that I don\u2019t identify myself as having systems design experience except that in my experience creating enterprise design systems, I often need to connect parts to create a larger system. This is the basis for the role of engineers with system design skills. These engineers are making decisions on how a database might connect to a server, how many load-balancers would be needed for web traffic, how to deploy code from a repository to different environments or perhaps as simple as creating an API for a component.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">An engineer creating a system will be taking parts to create a greate whole. The process of deciding and moving the parts around is the design part of systems design. Deciding on which method to use to iterate over an array could be considered systems design (performance versus readability).<br \/>\nI don\u2019t believe there are many roles that focus only on systems design except roles that include the word \u201carchitect\u201d. As the name suggests, an architect designs the building, but other people follow the plans and build the structure. In the word of tech, architects are very senior engineers who create plans where junior engineers would learn and code using those plans.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">More resources on Systems Design<\/h3>\n<section class=\"pageWrap pageWrap--s marginBottom-l boxShadow-smoke boxShadow-smoke--xd--hover borderRadius-m transitionDuration-m transitionTimingFunction-ease\"><a class=\"link link--blue fontWeight-4\"class=\"link link--blue fontWeight-4\" href=\"https:\/\/medium.com\/the-andela-way\/system-design-in-software-development-f360ce6fcbb9\"><span class=\"display-block padding-xs paddingRight-m\"><span class=\"marginBottom-xs display-block c-slate lineHeight-l fontSize-l fontWeight-5\">System Design in Software Development - Didacus Odhiambo<br \/>\n<\/span><span class=\"c-slate lineHeight-l fontSize-l fontWeight-3 opacity-80\">What is the purpose of System Design and what types of elements are included?<\/span><\/span><\/a><\/section>\n<section class=\"pageWrap pageWrap--s marginBottom-l boxShadow-smoke boxShadow-smoke--xd--hover borderRadius-m transitionDuration-m transitionTimingFunction-ease\"><a class=\"link link--blue fontWeight-4\"class=\"link link--blue fontWeight-4\" href=\"https:\/\/hackernoon.com\/fundamentals-of-system-design-part-1-c87b1d2bfd31\"><span class=\"display-block padding-xs paddingRight-m\"><span class=\"marginBottom-xs display-block c-slate lineHeight-l fontSize-l fontWeight-5\">Fundamentals of System Design - Vaibhav Aparimit<br \/>\n<\/span><span class=\"c-slate lineHeight-l fontSize-l fontWeight-3 opacity-80\">When designing systems, there are three primary concerns that should be addressed\u200a\u2014\u200areliability, scalability and maintainability and why they are important. <\/span><\/span><\/a><\/section>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Takeaway<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>Design Systems<\/em> is a focus that some designers, engineers, and other partners deliver to their peers in the form of guidelines, components, and other resources. <em>Systems Design<\/em> is a skill that engineers should possess when connecting different technologies together.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">A person who creates the system in which designers and developers use the same resources and technologies could be called the system designer (ie. architect) of the company\u2019s design system (ie. component library). However, a person working on a design system might not be the person creating it. They might just be adding to it or making changes. These might be people in the engineering roles listed above or designers, researchers, copywriters, and other partners. These are examples of people in design roles that are not systems designers.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I hope this helps people outside the community of design understand the usage of the design and systems better as it pertains to our work and focus.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This article was originally published on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/uxdesign.cc\/design-systems-and-systems-design-whats-the-difference-b184aa6e5f0d\">Donnie\u2019s Medium page<\/a>.<\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Further reading:<\/h3>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/marvelapp.com\/blog\/holistic-design-system\/\" target=\"_blank\" rel=\"noopener noreferrer\">7 Requirements of a holistic design system<\/a><\/li>\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/marvelapp.com\/blog\/how-design-systems-can-help-build-and-prototype-better-digital-products\/\" target=\"_blank\" rel=\"noopener noreferrer\">How Design Systems Can Help Build and Prototype Better Digital Products<\/a><\/li>\n<li class=\"LinkSuggestion__LinkSuggestionWrapper-sc-1mdih4x-0 bRwwZe\"><a class=\"link link--blue fontWeight-4\"class=\"LinkSuggestion__Link-sc-1mdih4x-2 dcwLhi\" href=\"https:\/\/marvelapp.com\/blog\/building-design-systems\/\" target=\"_blank\" rel=\"noopener noreferrer\">Everything you need to know about design systems<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>I\u2019ve had several recruiters read my resum\u00e9 about my experience in Design Systems and contact me about jobs. Only to find out they were hiring for people with Systems Design experience. I\u2019ll be outlining what both topics are and help people understand the qualities of each. Design Systems An engineer who works on a design system typically has some interest&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":305,"featured_media":18610,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[484],"tags":[],"class_list":["post-18603","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-systems"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Design Systems \/ Systems Design words that are seemingly interchangeable, but what is the difference between the two roles?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Systems and Systems Design Difference | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"Design Systems \/ Systems Design words that are seemingly interchangeable, but what is the difference between the two roles?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-05T17:00:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-14T11:40:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/11\/29.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"4 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/11\/29.png\",\"width\":1600,\"height\":700,\"caption\":\"Design Systems System Design\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/\",\"name\":\"Design Systems and Systems Design Difference | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/#primaryimage\"},\"datePublished\":\"2019-12-05T17:00:49+00:00\",\"dateModified\":\"2020-12-14T11:40:42+00:00\",\"description\":\"Design Systems \/ Systems Design words that are seemingly interchangeable, but what is the difference between the two roles?\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/f8033c85bffcde6f7dc0fca60fef9c88\"},\"headline\":\"Design Systems and Systems Design\",\"datePublished\":\"2019-12-05T17:00:49+00:00\",\"dateModified\":\"2020-12-14T11:40:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/#primaryimage\"},\"articleSection\":\"Design Systems\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/systems-design-design-systems\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/f8033c85bffcde6f7dc0fca60fef9c88\",\"name\":\"Donnie D'Amato\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e6fe843fa1b68164734ee71fbfdee41dccc664933ff9eacc2417a515cbe14215?s=96&d=mm&r=g\",\"caption\":\"Donnie D'Amato\"},\"description\":\"Senior UX Engineer at Compass | More on Donniedamato.info\",\"sameAs\":[\"https:\/\/donniedamato.info\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/18603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/305"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=18603"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/18603\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/18610"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=18603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=18603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=18603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}