{"id":23674,"date":"2021-02-16T00:08:48","date_gmt":"2021-02-16T08:08:48","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=23674"},"modified":"2023-06-02T07:58:07","modified_gmt":"2023-06-02T14:58:07","slug":"code-based-design-without-learning-code","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/","title":{"rendered":"You Can Become a Code-Based Designer Without Learning Code"},"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\/2021\/02\/BlogHeader_Styleguides_1200x600-copy-4-1024x512.png\" alt=\"Code-Based Designer Without Learning Code\" class=\"wp-image-23679\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/BlogHeader_Styleguides_1200x600-copy-4-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/BlogHeader_Styleguides_1200x600-copy-4-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/BlogHeader_Styleguides_1200x600-copy-4-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/BlogHeader_Styleguides_1200x600-copy-4.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>When you hear about code-based design as an emerging trend in digital apps development, you might experience a shudder of panic. You enjoy design images, and you learned how to use software common throughout the industry so you could get a job. Now, they want you to learn to write code!<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"249\" src=\"https:\/\/lh4.googleusercontent.com\/8R9WmdzdNe5LHgcbN1K2WejrcDIyvVOPmUYGadp0qK0Ta0ih5EczwUPfOz12-7JYoNXcoWyByrb3UmjubinbxsQ9ypAK3-auBelUTxfo5pxlhDVuj6SOjPzxgbKzK8EqDUfYC9Ka\"><\/p>\n\n\n\n<p>Knowing how to write basic code could open doors in your career, especially when you focus on <a href=\"https:\/\/www.uxpin.com\/studio\/collaboration-2\/coding-languages-to-know-in-2020\/\" target=\"_blank\" rel=\"noreferrer noopener\">popular languages like Swift and Java<\/a>. Thanks to UXPin, though, you do not need to learn how to code to become a code-based designer.<\/p>\n\n\n\n<p>Does that sound confusing? The following points will clarify how you can become a code-based designer without learning code.<\/p>\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-adopt-a-code-to-design-prototyping-solution\"><strong>Adopt a code-to-design prototyping solution<\/strong><\/h2>\n\n\n\n<p>If you want to adopt interactive code-based design without learning to code, there\u2019s a way! Just search for a solution that simply lets you add interactive components with a drag-and-drop feature. When you drop a feature into your design, the solution generates code that matches your work. <img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"249\" src=\"https:\/\/lh4.googleusercontent.com\/hJf9M5zxXYKBxCeTfh514BzE8RFyd-3XYJJpA9znyOFacPoCfZjC00VLt-qssZ3Gb-1vFrLuharlHmxEiOM0Mh6WAzYv0i2oecz4Dh_uLe8uI4Mgz6do9RSNlToiMRUi1rsCaiWg\"><\/p>\n\n\n\n<p>Most graphic design softwares still generate static images that developers need to remake to add functionality. UXPin Merge stands out as an excellent resource for designers that want to improve workflows and functionality by taking a <a href=\"https:\/\/www.uxpin.com\/code-to-design\" target=\"_blank\" rel=\"noreferrer noopener\">code-to-design approach to digital design<\/a>. Thanks to the single source of truth in Merge your design will look and behave just like the final product.\u00a0<\/p>\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-think-beyond-aesthetics-to-make-your-designs-more-functional\"><strong>Think beyond aesthetics to make your designs more functional<\/strong><\/h2>\n\n\n\n<p>It\u2019s easy for graphic designers to get stuck thinking about how they can make their work more attractive to users. That\u2019s a significant part of the job, after all! The product that gets sent to consumers, however, needs more than intuitive navigation, beautiful color combinations, and meaningful icons.<\/p>\n\n\n\n<p>Code-based design <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-with-code-tutorial\/\" target=\"_blank\" rel=\"noreferrer noopener\">pushes you to think through the entire process of building a digital product<\/a>. Don\u2019t think of this as a burden. Learning to think beyond your specific role in product development will give you a more rewarding experience.<\/p>\n\n\n\n<p>If you feel frustrated taking a code-driven approach to design, remember that it:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Will result in a final product that looks more like your original design. Image-based design forces developers to take some liberties when using code to build your work. Code-driven design makes that less likely.<\/li>\n\n\n\n<li>Gives you more control over how components function, which means you have a greater influence over the user\u2019s experience.<\/li>\n\n\n\n<li>Improves collaboration between the design and development teams. Improve collaboration should lead to better products that perform well in the market.<\/li>\n\n\n\n<li>Gets you to think about how the end-user will experience more aspects of your design. You\u2019ve probably been disappointed by a website or application you worked on. Maybe the navigation didn\u2019t work as you\u2019d intended. Perhaps the interactions don\u2019t feel as fluid as you\u2019d imagined. Code-based design will help you overcome those limitations.<\/li>\n<\/ul>\n\n\n\n<p>Aesthetics matter, but products with poor functionality don\u2019t thrive. You can contribute to success by taking a code-based approach to design.<\/p>\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-get-friendly-with-developers-on-your-team\"><strong>Get Friendly With Developers on Your Team<\/strong><strong><\/strong><\/h2>\n\n\n\n<p>You can become a more effective code-based designer by communicating with developers. A no-code platform will let you <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/interactive-prototype-setting-user-interactions-without-coding\/\" target=\"_blank\" rel=\"noreferrer noopener\">create designs with interactive components<\/a>, but you don\u2019t automatically have access to every feature you might want to use. Someone needs enough technical knowledge to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Connect your software to Material, React, and other libraries.<\/li>\n\n\n\n<li>Push live components to make sure designers have access to the latest options.<\/li>\n\n\n\n<li>Provide advice when designers want to make small changes to components in their libraries.<\/li>\n<\/ul>\n\n\n\n<p>UXPin Merge has a <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/weve-open-sourced-the-merge-cli\/\" target=\"_blank\" rel=\"noreferrer noopener\">very open command-line interface<\/a> (CLI) that helps developers add new libraries and components to your designing and prototyping environment. If you don\u2019t know how to connect with other libraries, use your relationship with the development team to gain access. They may do the work for you or take some time to teach you the process. Either way, making friends with developers will improve your code-based design abilities and speed up the design handoff!&nbsp;<\/p>\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-sign-up-to-experience-code-based-design-with-uxpin-merge\"><strong>Sign up to experience code-based design with UXPin Merge<\/strong><\/h2>\n\n\n\n<p>Are you ready to try code-based design? <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Get access to UXPin Merge<\/a> to see how it works for you. You\u2019ll discover that it lets you do much more than your typical design software will. It allows you to design with already interactive components that look just like the final product. It\u2019s time-efficient and helps you make an extremely realistic prototype.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"326\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/03\/MergeAccess_wide_Blog-1024x326.png\" alt=\"\" class=\"wp-image-23833\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/03\/MergeAccess_wide_Blog-1024x326.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/03\/MergeAccess_wide_Blog-700x223.png 700w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/03\/MergeAccess_wide_Blog-768x244.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/03\/MergeAccess_wide_Blog.png 1401w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\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>When you hear about code-based design as an emerging trend in digital apps development, you might experience a shudder of panic. You enjoy design images, and you learned how to use software common throughout the industry so you could get a job. Now, they want you to learn to write code! Knowing how to write<\/p>\n","protected":false},"author":3,"featured_media":23678,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[346,242,345],"class_list":["post-23674","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-code-based-2","tag-merge","tag-no-code"],"yoast_title":"Become a Code-Based Designer Without Learning Code %%page%%","yoast_metadesc":"Code-based design offers many advantages over image-based design. With UXPin Merge, you don't even need to learn how to write code to make your work more effective.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Become a Code-Based Designer Without Learning Code<\/title>\n<meta name=\"description\" content=\"Code-based design offers many advantages over image-based design. With UXPin Merge, you don&#039;t even need to learn how to write code to make your work more effective.\" \/>\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\/code-based-design-without-learning-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"You Can Become a Code-Based Designer Without Learning Code\" \/>\n<meta property=\"og:description\" content=\"Code-based design offers many advantages over image-based design. With UXPin Merge, you don&#039;t even need to learn how to write code to make your work more effective.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-16T08:08:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-02T14:58:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/code_designer_no_code_header.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=\"4 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\\\/code-based-design-without-learning-code\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/code-based-design-without-learning-code\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"You Can Become a Code-Based Designer Without Learning Code\",\"datePublished\":\"2021-02-16T08:08:48+00:00\",\"dateModified\":\"2023-06-02T14:58:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/code-based-design-without-learning-code\\\/\"},\"wordCount\":740,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/code-based-design-without-learning-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/code_designer_no_code_header.png\",\"keywords\":[\"code-based\",\"merge\",\"no-code\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/code-based-design-without-learning-code\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/code-based-design-without-learning-code\\\/\",\"name\":\"Become a Code-Based Designer Without Learning Code\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/code-based-design-without-learning-code\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/code-based-design-without-learning-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/code_designer_no_code_header.png\",\"datePublished\":\"2021-02-16T08:08:48+00:00\",\"dateModified\":\"2023-06-02T14:58:07+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Code-based design offers many advantages over image-based design. With UXPin Merge, you don't even need to learn how to write code to make your work more effective.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/code-based-design-without-learning-code\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/code-based-design-without-learning-code\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/code-based-design-without-learning-code\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/code_designer_no_code_header.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/code_designer_no_code_header.png\",\"width\":1200,\"height\":600,\"caption\":\"You don't have to learn code to be a code-based designer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/code-based-design-without-learning-code\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"You Can Become a Code-Based Designer Without Learning Code\"}]},{\"@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":"Become a Code-Based Designer Without Learning Code","description":"Code-based design offers many advantages over image-based design. With UXPin Merge, you don't even need to learn how to write code to make your work more effective.","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\/code-based-design-without-learning-code\/","og_locale":"en_US","og_type":"article","og_title":"You Can Become a Code-Based Designer Without Learning Code","og_description":"Code-based design offers many advantages over image-based design. With UXPin Merge, you don't even need to learn how to write code to make your work more effective.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/","og_site_name":"Studio by UXPin","article_published_time":"2021-02-16T08:08:48+00:00","article_modified_time":"2023-06-02T14:58:07+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/code_designer_no_code_header.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"You Can Become a Code-Based Designer Without Learning Code","datePublished":"2021-02-16T08:08:48+00:00","dateModified":"2023-06-02T14:58:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/"},"wordCount":740,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/code_designer_no_code_header.png","keywords":["code-based","merge","no-code"],"articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/","name":"Become a Code-Based Designer Without Learning Code","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/code_designer_no_code_header.png","datePublished":"2021-02-16T08:08:48+00:00","dateModified":"2023-06-02T14:58:07+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Code-based design offers many advantages over image-based design. With UXPin Merge, you don't even need to learn how to write code to make your work more effective.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/code_designer_no_code_header.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/02\/code_designer_no_code_header.png","width":1200,"height":600,"caption":"You don't have to learn code to be a code-based designer"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/code-based-design-without-learning-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"You Can Become a Code-Based Designer Without Learning Code"}]},{"@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\/23674","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=23674"}],"version-history":[{"count":9,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/23674\/revisions"}],"predecessor-version":[{"id":48759,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/23674\/revisions\/48759"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/23678"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=23674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=23674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=23674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}