{"id":29503,"date":"2020-04-23T18:12:35","date_gmt":"2020-04-23T10:12:35","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=29503"},"modified":"2020-04-20T19:46:14","modified_gmt":"2020-04-20T11:46:14","slug":"sketch-user-flows-plugin","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/","title":{"rendered":"Create Flow Diagrams in Sketch With User Flows Plugin"},"content":{"rendered":"<p>Interface designers quickly <strong>fell in love with Sketch<\/strong> as a UI\/UX design tool. Right out of the box, it can <strong>whip up simple interfaces<\/strong> much quicker than Photoshop or Illustrator.<\/p>\n<p>One nice feature missing from Sketch is the ability to <strong>link artboards with flow charts<\/strong>. But with the <strong><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/abynim.github.io\/UserFlows\/\">User Flows plugin<\/a><\/strong> you can do just that!<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/sketch-gui-kits-web-design\/\" class=\"ref-block__link\" title=\"Read More: Free Sketch GUI Kits For Web & Mobile Design \u2013 Best of\" rel=\"bookmark\"><span class=\"screen-reader-text\">Free Sketch GUI Kits For Web & Mobile Design \u2013 Best of<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/sketch-gui-kits-web-design.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-27396 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/sketch-gui-kits-web-design.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Free Sketch GUI Kits For Web & Mobile Design \u2013 Best of<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tMany designers are quickly jumping ship from Adobe Photoshop into the wonderful realm of Sketch. This digital design...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<figure><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/abynim.github.io\/UserFlows\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-user-flows-plugin\/01-user-flows-lines-plugin.jpg\" alt=\"user flows\" width=\"1000\" height=\"512\"><\/a><\/figure>\n<p>UX designers often need to deliver a <strong>full working prototype of mockups<\/strong> connecting different links\/buttons to pages in the app or website. With User Flows, you can <strong>generate full sketch diagrams<\/strong> connecting certain elements on one page to another.<\/p>\n<p>Flows can also help you <strong>define complete mockups<\/strong> with <strong>diagram templates<\/strong>. This feature automatically <strong>combines all the artboards and their flow lines<\/strong> together into one big Sketch file. This way you can <strong>export your flow ideas<\/strong> directly from Sketch.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-user-flows-plugin\/02-user-flows-full-diagram-sketch.jpg\" alt=\"user flows sketch\" width=\"1000\" height=\"542\"><\/figure>\n<p>You can change <strong>line color<\/strong>, <strong>size<\/strong>, and <strong>export options<\/strong> for @1x or @2x sizes.<\/p>\n<p>All flow lines are <strong>built with vector elements<\/strong>, so they can be resized and moved constantly without quality loss. And you can even <strong>set up conditionals<\/strong> where the flow chart <strong>moves to different screens<\/strong> based on different scenarios, for instance when a user is logged in vs logged out.<\/p>\n<p>This is easily <strong>one of the most useful tools for a UI\/UX designer<\/strong>, and it\u2019s not something you can get with a Photoshop workflow.<\/p>\n<p>Designers have plenty of reasons for <strong>switching over to Sketch<\/strong>. It\u2019s <strong>cheaper<\/strong>, <strong>easier to use<\/strong>, and it can <strong>build high-quality mockups<\/strong> just like Photoshop. And now, with <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/abynim.github.io\/UserFlows\/\">User Flows<\/a>, you have one more reason to make the switch.<\/p>\n<p>This plugin is <strong>completely free<\/strong> and <strong>open source<\/strong> with <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/abynim\/UserFlows\">its own GitHub repo<\/a>. If you notice any issues or bugs you can submit a report on GitHub or message the creator on Twitter <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/abynim\">@abynim<\/a>.<\/p>\n<p class=\"video-19by6\"><iframe src=\"https:\/\/player.vimeo.com\/video\/193127744\" style=\"height:99%;\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\"><\/iframe><\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-2\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/sketch-plugins\/\" class=\"ref-block__link\" title=\"Read More: 10 Free Sketch Plugins for Web Developers\" rel=\"bookmark\"><span class=\"screen-reader-text\">10 Free Sketch Plugins for Web Developers<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/sketch-plugins.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-23964 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/sketch-plugins.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">10 Free Sketch Plugins for Web Developers<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tSketch is getting a lot of traction among web designers and developers. This is probably because it is...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Interface designers quickly fell in love with Sketch as a UI\/UX design tool. Right out of the box, it can whip up simple interfaces much quicker than Photoshop or Illustrator. One nice feature missing from Sketch is the ability to link artboards with flow charts. But with the User Flows plugin you can do just&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395],"tags":[3519],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Create Flow Diagrams in Sketch With User Flows Plugin - Hongkiat<\/title>\n<meta name=\"description\" content=\"Interface designers quickly fell in love with Sketch as a UI\/UX design tool. Right out of the box, it can whip up simple interfaces much quicker than\" \/>\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.hongkiat.com\/blog\/sketch-user-flows-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Flow Diagrams in Sketch With User Flows Plugin\" \/>\n<meta property=\"og:description\" content=\"Interface designers quickly fell in love with Sketch as a UI\/UX design tool. Right out of the box, it can whip up simple interfaces much quicker than\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-23T10:12:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/sketch-user-flows-plugin\/01-user-flows-lines-plugin.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Create Flow Diagrams in Sketch With User Flows Plugin\",\"datePublished\":\"2020-04-23T10:12:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/\"},\"wordCount\":317,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sketch-user-flows-plugin\\\/01-user-flows-lines-plugin.jpg\",\"keywords\":[\"sketch plugins\"],\"articleSection\":[\"UI\\\/UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/\",\"name\":\"Create Flow Diagrams in Sketch With User Flows Plugin - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sketch-user-flows-plugin\\\/01-user-flows-lines-plugin.jpg\",\"datePublished\":\"2020-04-23T10:12:35+00:00\",\"description\":\"Interface designers quickly fell in love with Sketch as a UI\\\/UX design tool. Right out of the box, it can whip up simple interfaces much quicker than\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sketch-user-flows-plugin\\\/01-user-flows-lines-plugin.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sketch-user-flows-plugin\\\/01-user-flows-lines-plugin.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sketch-user-flows-plugin\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Flow Diagrams in Sketch With User Flows Plugin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create Flow Diagrams in Sketch With User Flows Plugin - Hongkiat","description":"Interface designers quickly fell in love with Sketch as a UI\/UX design tool. Right out of the box, it can whip up simple interfaces much quicker than","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.hongkiat.com\/blog\/sketch-user-flows-plugin\/","og_locale":"en_US","og_type":"article","og_title":"Create Flow Diagrams in Sketch With User Flows Plugin","og_description":"Interface designers quickly fell in love with Sketch as a UI\/UX design tool. Right out of the box, it can whip up simple interfaces much quicker than","og_url":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-04-23T10:12:35+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/sketch-user-flows-plugin\/01-user-flows-lines-plugin.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Create Flow Diagrams in Sketch With User Flows Plugin","datePublished":"2020-04-23T10:12:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/"},"wordCount":317,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sketch-user-flows-plugin\/01-user-flows-lines-plugin.jpg","keywords":["sketch plugins"],"articleSection":["UI\/UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/","url":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/","name":"Create Flow Diagrams in Sketch With User Flows Plugin - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sketch-user-flows-plugin\/01-user-flows-lines-plugin.jpg","datePublished":"2020-04-23T10:12:35+00:00","description":"Interface designers quickly fell in love with Sketch as a UI\/UX design tool. Right out of the box, it can whip up simple interfaces much quicker than","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/sketch-user-flows-plugin\/01-user-flows-lines-plugin.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/sketch-user-flows-plugin\/01-user-flows-lines-plugin.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/sketch-user-flows-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Flow Diagrams in Sketch With User Flows Plugin"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-7FR","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=29503"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29503\/revisions"}],"predecessor-version":[{"id":50013,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29503\/revisions\/50013"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=29503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=29503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=29503"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=29503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}