{"id":2312,"date":"2020-04-07T14:19:34","date_gmt":"2020-04-07T14:19:34","guid":{"rendered":"https:\/\/uxwritinghub.com\/?p=2312"},"modified":"2023-03-25T06:38:46","modified_gmt":"2023-03-25T06:38:46","slug":"top-prototyping-tools","status":"publish","type":"post","link":"https:\/\/uxwritinghub.com\/top-prototyping-tools\/","title":{"rendered":"Top 12 prototyping tools for UX designers and UX writers (and how to use them in 2021)"},"content":{"rendered":"

Today\u2019s design tools all have their strengths, weaknesses, and general characteristics. To be able pick the right tool for the right situation, you need to know a thing or two. After spending years getting to know them all, trying them out in different scenarios and figuring out which tools would serve me the best, I thought I\u2019d share what I learnt along the way.<\/span><\/p>\n

Apart from getting an introduction to the most common tools on the market, you\u2019ll find out if there’s a free version and if you can use the program on a PC\/web browser or if they are only compatible with a Mac.<\/span><\/p>\n

Whether you\u2019re new to UX and design, want to refresh what you know, or just wonder why your more experienced design colleague insists on using Sketch, bookmark this list as a reference!<\/span><\/p>\n

The tools below are divided into four main sections:\u00a0<\/span><\/p>\n

[table id=1 \/]
\nLet\u2019s get to it!<\/span><\/p>\n

This not an affiliated post<\/i><\/strong><\/p>\n

Planning and wireframes<\/h2>\n

Whimsical\u00a0<\/b><\/a><\/h3>\n

Whimsical is one of my absolute fave tools for creating flowcharts. It\u2019s so user-friendly and intuitive that a beginner can get going within minutes. I know several people without any UI design experience who have used it to create simple mockups.\u00a0<\/span><\/p>\n

Cost:\u00a0<\/span><\/span><\/p>\n

Free version available<\/span><\/p>\n

What you need to pay for:<\/span>\"\"<\/span><\/p>\n

Compatibility:<\/span><\/span><\/p>\n

Web<\/span><\/p>\n

Go to Whimsical.com for more info<\/span><\/a><\/p>\n

\n

Miro<\/b><\/a><\/h3>\n

The tool previously known as Realtimeboard is now called Miro. I find it a bit overwhelming myself, but lots of people who love it and find it super useful. Check it out if you want to get your teeth into a tool with seemingly endless possibilities! Can be used for everything from organizing flows to setting up remote workshops.<\/span><\/p>\n

Cost:\u00a0<\/span><\/span><\/p>\n

Free version available<\/span><\/p>\n

What you need to pay for:<\/span><\/span><\/p>\n

\"\"<\/p>\n

Compatibility:<\/span><\/span><\/p>\n

Web<\/span><\/p>\n

Go to Miro.com for more info<\/span><\/a><\/p>\n

\n

User interface design tools<\/strong><\/h2>\n

Figma<\/b><\/a><\/h3>\n

A game changer in UI design and the first product design tool that offered an environment where designers, writers and developers can work together. I used to call it Google Docs for designers \ud83d\ude42<\/span><\/p>\n

In the early days of Figma, I preferred to work with other tools but now Figma seems to be catching up. Thanks to lots of new plugins, it offers a collaborative design experience like no other. Needless to say, most UX writers adore Figma as it has made it possible for them to work directly in design sketches.<\/span><\/p>\n

Cost:\u00a0<\/span><\/span><\/p>\n

Free version available<\/span><\/p>\n

What you need to pay for:<\/span><\/span><\/p>\n

\"\"<\/p>\n

Compatibility:<\/span><\/span><\/p>\n

Web\/PC\/Mac\/Android mirror app<\/span><\/p>\n

Go to Figma.com for more info<\/span><\/a><\/p>\n

\n

Sketch<\/b><\/a><\/h3>\n

When Sketch appeared, there was finally an alternative to Adobe. New designers may never realize just how powerful we felt as we moved from Photoshop \/ Illustrator to the first ever UI design tool.<\/span><\/p>\n

I\u2019ll always have a special place in my heart for Sketch, even if it hasn\u2019t kept up with the innovation pace like many other design tools.<\/span><\/p>\n

Pricing is not ideal, compatibility is limited, and there is no solid collaboration option except for DAM.<\/span><\/p>\n

I still prefer designing in Sketch even if it\u2019s just a matter of time before they are run over by new tools (unless they\u2019ve got massive changes coming up in the very near future).<\/span><\/p>\n

Sketch, I salute you and I hope we\u2019ll meet again on the mainstream design tools scene.<\/span><\/p>\n

Cost:\u00a0<\/span><\/span><\/p>\n

\"\"<\/p>\n

Compatibility:<\/span><\/span><\/p>\n

Mac<\/span><\/p>\n

Go to Sketch.com for more info<\/span><\/a><\/p>\n

\n

Adobe XD<\/b><\/h3>\n

Adobe\u2019s answer to the design tool revolution is a kind of hybrid twist. I\u2019ve worked on several projects with XD, and was always impressed with the prototyping features (even though Figma has the same features now).<\/span><\/p>\n

Another thing worth mentioning is that it is now available for free, which is great. They decided to reduce the price to 0 with the launch of the Invision studio design tool (which is one of the best things to come out of Invision Studio!).<\/span><\/p>\n

I pay for Adobe\u2019s Creative Cloud apps because I use Photoshop, Illustrator and Aftereffects as well. It\u2019s pricey, but it does give me a few perks. If you\u2019re not already paying for Adobe, I wouldn\u2019t buy it just because of XD.<\/span><\/p>\n

Cost:<\/span><\/span><\/p>\n

Free version available<\/span><\/p>\n

What you need to pay for:<\/span><\/span><\/p>\n

\"\"<\/p>\n

Compatibility:<\/span><\/span><\/p>\n

PC\/Mac<\/span><\/p>\n

Go to Adobe XD for more info<\/a><\/p>\n

\n

Prototyping<\/strong><\/h2>\n

Invision<\/b><\/a><\/h3>\n

Invision is a perfect match for the Sketch plugin \u2018Craft by invision\u2019. This integration changed the way we design when it first appeared, allowing us to create one-click prototypes and prototype updates. These days however, tools like Figma, Adobe XD and even Sketch offer similar features.<\/span><\/p>\n

Having said that, Invision is a fantastic company that really helped modern product designers produce content. Even today, their prototyping tool works a treat. Every aspect of their product shows that it\u2019s a company for designers, by designers.<\/span><\/p>\n

At some point, pretty much every major company out there used this tool<\/span>, but today not\u00a0 many teams have it. <\/span>I recommend using it only if you work with the Sketch plugin.<\/span><\/p>\n

Cost:<\/span><\/span><\/p>\n

Free version available<\/span><\/p>\n

What you need to pay for:<\/span><\/p>\n

\"\"<\/p>\n

Compatibility:<\/span><\/span><\/p>\n

Web<\/span><\/p>\n

Go to InVision.com for more info<\/span><\/a><\/p>\n

\n

Framer<\/b><\/a>\u00a0<\/span><\/h3>\n

Framer looked very promising both for the ultra-realistic prototypes you could create and for the design tool that came with it. The only problem is that you actually have to learn to code to create prototypes \u2013 and once you have a prototype, your developers need to write the code from scratch anyway. It\u2019s just<\/span> not very efficient<\/span>.<\/span><\/p>\n

My solution was to learn real code and find better tools such as Webflow, or Elementor.<\/span><\/p>\n

Cost<\/span><\/span><\/p>\n

\"\"<\/p>\n

Compatibility:<\/span><\/span><\/p>\n

Mac\/Web beta version on the way<\/span><\/p>\n

Go to Framer.com for more info<\/span><\/a><\/p>\n

\n

Principle<\/b>\u00a0<\/span><\/a><\/h3>\n

With Principle, you can import your Sketch screen and create cool prototypes and micro interactions. I had a lot of fun with it when I worked with Sketch.<\/span><\/p>\n

Just remember not to fall into the Dribbble page rabbit hole! You don\u2019t want to invest your precious time to create beautiful but impractical interactions that are impossible for developers to breathe life into. It happened to me as a new designer and it was very sad \ud83d\ude41<\/span><\/p>\n

Cost:<\/span><\/span><\/p>\n

$129<\/span><\/p>\n

Compatibility:<\/span><\/span><\/p>\n

Mac<\/span><\/p>\n

Go to Principleformac.com for more info<\/span><\/a><\/p>\n

\n

Webflow<\/b><\/a><\/h3>\n

The best combo between design and development. Seriously.<\/span><\/p>\n

If you know a little bit CSS (or if you just invest a week to learn it with their fantastic <\/span>academy<\/span><\/a>), you can create literally any <\/span>web experience<\/span> and export it to code. It is a fab way to present ideas and flows as well as to create stunning websites.<\/span><\/p>\n

Webflow is the leader of the upcoming #nocode revolution<\/a>. Learn it to boost your future demand as a designer who\u2019s not scared to get your hands dirty with code \u2013 without actually getting your hands dirty ;).<\/span><\/p>\n

Cost:<\/span><\/span><\/p>\n

Free version available<\/span><\/p>\n

What you need to pay for:<\/span><\/p>\n

\"\"<\/p>\n

Compatibility:<\/span><\/span><\/p>\n

Web<\/span><\/p>\n

Go to Webflow.com for more info<\/span><\/a><\/p>\n

\n

Developers hands off\u00a0<\/strong><\/h2>\n

Zeplin<\/b><\/a><\/h3>\n

Today, many of Zeplin\u2019s features are also available in Figma, Adobe XD and Invision. Still, it\u2019s a great tool that might help you with your developer hand off. Thanks to a plugin connected to your design tool, you can share your screens with the developers with a click of a button.<\/span><\/p>\n

It\u2019s one of my fave collaboration tools out there and their copy is always fantastic by the way!<\/span><\/p>\n

Cost:<\/span><\/span><\/p>\n

Free version available<\/span><\/p>\n

What you need to pay for:<\/span><\/span><\/p>\n

\"\"<\/p>\n

Compatibility:<\/span><\/span><\/p>\n

Web\/PC\/Mac<\/span><\/p>\n

Go to Zeplin.io for more info<\/span><\/a><\/p>\n

\n

Abstract<\/b><\/a><\/h3>\n

Back in 2017, I wrote the first ever tutorial for this tool when the beta version was just out: <\/span>Abstract: Git for designers<\/span><\/a>.<\/p>\n

Since then, Abstract has done really well. <\/span>By creating the best version control for Sketch and Adobe XD files, you don\u2019t actually have to work on the same drive folder file as the rest of the team. Instead you can branch your own version and merge it with the original when it\u2019s ready.<\/span><\/p>\n

These days, they also focus on design\/developer collaboration.<\/span><\/p>\n

Pricing:<\/span><\/span><\/p>\n

\"\"<\/p>\n

Compatibility:<\/span><\/span>
\n<\/span>Web\/Mac<\/span><\/p>\n

Go to Abstract.com for more info<\/span><\/a><\/p>\n

\n

Storybook<\/b><\/a><\/h3>\n

Storybook is an open source tool that allows programmers to develop your UI design system library into a reusable component design system.<\/span><\/p>\n

So it may not be the first tool you need as a newbie UX wizard, but it\u2019s good to be aware that it exists and introduce it to your developers at some point!<\/span><\/p>\n

Go to Storybook.js.org for more info<\/span><\/a><\/p>\n

Final words<\/b><\/h2>\n

In a rapidly changing industry, one of the most important things is to stay agile. Be open to new tools and features and always keep learning. Even if you master Figma, you may join a new team that only uses Sketch. That\u2019s why it\u2019s really useful to get at least a basic understanding of the most common tools on the market. It will help you both to land your next UX job and nail that upcoming design project.<\/span><\/p>\n

Dig deeper<\/h2>\n

Figma for UX writers and content designers<\/a> (video)
\nTop 10 no-code tools for designers<\/a> (article)
\n6 AI writing tools to help you create great (human) content<\/a> (article)<\/p>\n

Free UX writing course<\/b><\/h2>\n

Want to learn how to work with the best design tools out there? Sign up for our free UX writing course<\/a>, where you get to practice everything you want to learn about design tools and much more!<\/span><\/p>\n

Edited by Anja Wedberg<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

As a new UX designer or UX writer, you may find the variety of design tools confusing. Find out which tools are recommended for wireframes, UI design and prototyping.<\/p>\n","protected":false},"author":1,"featured_media":2345,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"tpgb_global_settings":"","_eb_attr":"","content-type":"","_mi_skip_tracking":false},"categories":[56],"tags":[],"acf":{"descriptions":false},"yoast_head":"\nTop 12 prototyping tools for UX designers and UX writers | UX Writing Hub<\/title>\n<meta name=\"description\" content=\"Check out this article and find top prototyping tools for UX designers and UX writers and how to use them. Click to read now!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/uxwritinghub.com\/top-prototyping-tools\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top 12 prototyping tools for UX designers and UX writers | UX Writing Hub\" \/>\n<meta property=\"og:description\" content=\"Check out this article and find top prototyping tools for UX designers and UX writers and how to use them. Click to read now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/uxwritinghub.com\/top-prototyping-tools\/\" \/>\n<meta property=\"og:site_name\" content=\"UX WRITING HUB\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-07T14:19:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-25T06:38:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"533\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Yuval Keshtcher\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yuval Keshtcher\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/uxwritinghub.com\/#website\",\"url\":\"https:\/\/uxwritinghub.com\/\",\"name\":\"UX WRITING HUB\",\"description\":\"Learn to write user experience\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/uxwritinghub.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/uxwritinghub.com\/top-prototyping-tools\/#primaryimage\",\"url\":\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover.png\",\"contentUrl\":\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover.png\",\"width\":1200,\"height\":533,\"caption\":\"ux design tools\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/uxwritinghub.com\/top-prototyping-tools\/#webpage\",\"url\":\"https:\/\/uxwritinghub.com\/top-prototyping-tools\/\",\"name\":\"Top 12 prototyping tools for UX designers and UX writers | UX Writing Hub\",\"isPartOf\":{\"@id\":\"https:\/\/uxwritinghub.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/uxwritinghub.com\/top-prototyping-tools\/#primaryimage\"},\"datePublished\":\"2020-04-07T14:19:34+00:00\",\"dateModified\":\"2023-03-25T06:38:46+00:00\",\"author\":{\"@id\":\"https:\/\/uxwritinghub.com\/#\/schema\/person\/3c71d45eb3a97e2e1e4d0ff52fe9aab2\"},\"description\":\"Check out this article and find top prototyping tools for UX designers and UX writers and how to use them. Click to read now!\",\"breadcrumb\":{\"@id\":\"https:\/\/uxwritinghub.com\/top-prototyping-tools\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/uxwritinghub.com\/top-prototyping-tools\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/uxwritinghub.com\/top-prototyping-tools\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/uxwritinghub.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Top 12 prototyping tools for UX designers and UX writers (and how to use them in 2021)\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/uxwritinghub.com\/#\/schema\/person\/3c71d45eb3a97e2e1e4d0ff52fe9aab2\",\"name\":\"Yuval Keshtcher\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/uxwritinghub.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2018\/10\/profile-picture-150x150.jpg\",\"contentUrl\":\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2018\/10\/profile-picture-150x150.jpg\",\"caption\":\"Yuval Keshtcher\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top 12 prototyping tools for UX designers and UX writers | UX Writing Hub","description":"Check out this article and find top prototyping tools for UX designers and UX writers and how to use them. Click to read now!","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:\/\/uxwritinghub.com\/top-prototyping-tools\/","og_locale":"en_US","og_type":"article","og_title":"Top 12 prototyping tools for UX designers and UX writers | UX Writing Hub","og_description":"Check out this article and find top prototyping tools for UX designers and UX writers and how to use them. Click to read now!","og_url":"https:\/\/uxwritinghub.com\/top-prototyping-tools\/","og_site_name":"UX WRITING HUB","article_published_time":"2020-04-07T14:19:34+00:00","article_modified_time":"2023-03-25T06:38:46+00:00","og_image":[{"width":1200,"height":533,"url":"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover.png","type":"image\/png"}],"author":"Yuval Keshtcher","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Yuval Keshtcher","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/uxwritinghub.com\/#website","url":"https:\/\/uxwritinghub.com\/","name":"UX WRITING HUB","description":"Learn to write user experience","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/uxwritinghub.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uxwritinghub.com\/top-prototyping-tools\/#primaryimage","url":"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover.png","contentUrl":"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover.png","width":1200,"height":533,"caption":"ux design tools"},{"@type":"WebPage","@id":"https:\/\/uxwritinghub.com\/top-prototyping-tools\/#webpage","url":"https:\/\/uxwritinghub.com\/top-prototyping-tools\/","name":"Top 12 prototyping tools for UX designers and UX writers | UX Writing Hub","isPartOf":{"@id":"https:\/\/uxwritinghub.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/uxwritinghub.com\/top-prototyping-tools\/#primaryimage"},"datePublished":"2020-04-07T14:19:34+00:00","dateModified":"2023-03-25T06:38:46+00:00","author":{"@id":"https:\/\/uxwritinghub.com\/#\/schema\/person\/3c71d45eb3a97e2e1e4d0ff52fe9aab2"},"description":"Check out this article and find top prototyping tools for UX designers and UX writers and how to use them. Click to read now!","breadcrumb":{"@id":"https:\/\/uxwritinghub.com\/top-prototyping-tools\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/uxwritinghub.com\/top-prototyping-tools\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/uxwritinghub.com\/top-prototyping-tools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/uxwritinghub.com\/"},{"@type":"ListItem","position":2,"name":"Top 12 prototyping tools for UX designers and UX writers (and how to use them in 2021)"}]},{"@type":"Person","@id":"https:\/\/uxwritinghub.com\/#\/schema\/person\/3c71d45eb3a97e2e1e4d0ff52fe9aab2","name":"Yuval Keshtcher","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uxwritinghub.com\/#\/schema\/person\/image\/","url":"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2018\/10\/profile-picture-150x150.jpg","contentUrl":"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2018\/10\/profile-picture-150x150.jpg","caption":"Yuval Keshtcher"}}]}},"tpgb_featured_images":{"full":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover.png",1200,533,false],"tp-image-grid":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover.png",700,311,false],"thumbnail":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover-150x150.png",150,150,true],"medium":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover-300x133.png",300,133,true],"medium_large":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover-768x341.png",768,341,true],"large":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2020\/04\/tools-cover-1024x455.png",800,355,true],"default":"https:\/\/uxwritinghub.com\/wp-content\/plugins\/the-plus-addons-for-block-editor\/assets\/images\/tpgb-placeholder.jpg"},"tpgb_post_meta_info":{"get_date":"April 7, 2020","category_list":{"category":[{"term_id":56,"name":"Resources","slug":"resources","term_group":0,"term_taxonomy_id":56,"taxonomy":"category","description":"","parent":0,"count":61,"filter":"raw"}],"post_tag":false},"author_name":"Yuval Keshtcher","author_url":"https:\/\/uxwritinghub.com\/author\/yuvalkesh\/","author_email":"yuval@uxwritinghub.com","author_website":"","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"Yuval","author_lastname":"Keshtcher","user_login":"yuvalkesh","author_avatar":"<img width=\"200\" height=\"200\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2018\/10\/profile-picture-300x300.jpg\" class=\"avatar avatar-200 photo\" alt=\"\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2018\/10\/profile-picture-300x300.jpg 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2018\/10\/profile-picture-150x150.jpg 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2018\/10\/profile-picture.jpg 674w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/>","author_avatar_url":"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2018\/10\/profile-picture-150x150.jpg","comment_count":6,"post_likes":0,"post_views":0},"tpgb_post_category":{"category":"<a href=\"https:\/\/uxwritinghub.com\/category\/resources\/\" alt=\"Resources\" class=\"category-resources\">Resources<\/a> "},"_links":{"self":[{"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/posts\/2312"}],"collection":[{"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/comments?post=2312"}],"version-history":[{"count":2,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/posts\/2312\/revisions"}],"predecessor-version":[{"id":21641,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/posts\/2312\/revisions\/21641"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/media\/2345"}],"wp:attachment":[{"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/media?parent=2312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/categories?post=2312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/tags?post=2312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}