{"id":11662,"date":"2023-03-27T10:43:40","date_gmt":"2023-03-27T13:43:40","guid":{"rendered":"https:\/\/herospark.com\/blog\/?p=11662"},"modified":"2025-04-22T16:18:13","modified_gmt":"2025-04-22T19:18:13","slug":"figma-o-que-e","status":"publish","type":"post","link":"https:\/\/herospark.com\/blog\/figma-o-que-e\/","title":{"rendered":"Figma: o que \u00e9, como usar e quanto custa? [GUIA]"},"content":{"rendered":"\n<p>Quem trabalha criando diferentes artes no dia a dia, seja para ter postagens incr\u00edveis no Instagram ou montar seus produtos digitais, precisa conhecer mais sobre o Figma, o que \u00e9 e como usar.<\/p>\n\n\n\n<p>Para quem n\u00e3o sabe, o Figma \u00e9 uma ferramenta de design potente que consegue oferecer v\u00e1rias funcionalidades. E voc\u00ea pode usar todas elas no pr\u00f3prio navegador, sem ser necess\u00e1rio instalar nenhum programa em seu computador.<\/p>\n\n\n\n<p>Al\u00e9m disso, o Figma permite a inser\u00e7\u00e3o de plugins, o que faz com que ele tenha ainda mais recursos para voc\u00ea usar na hora de produzir suas pe\u00e7as.&nbsp;<\/p>\n\n\n\n<p>E a\u00ed, quer conhecer mais sobre o Figma, o que \u00e9, como usar e seu valor? Ent\u00e3o continue conosco e veja tudo sobre essa grande ferramenta de design!<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Hospede, divulgue e venda os conte\u00fados criados no Figma na HeroSpark! Cadastre-se gratuitamente!<\/strong><\/p>\n\n\n\n<div class=\"wp-block-leadin-hubspot-form-block\">\n\t\t\t\t\t<script>\n\t\t\t\t\t\twindow.hsFormsOnReady = window.hsFormsOnReady || [];\n\t\t\t\t\t\twindow.hsFormsOnReady.push(()=>{\n\t\t\t\t\t\t\thbspt.forms.create({\n\t\t\t\t\t\t\t\tportalId: 734319,\n\t\t\t\t\t\t\t\tformId: \"da4b7d7d-16bd-49b3-993f-84e4da66838c\",\n\t\t\t\t\t\t\t\ttarget: \"#hbspt-form-1775656071000-5561261827\",\n\t\t\t\t\t\t\t\tregion: \"na1\",\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t})});\n\t\t\t\t\t<\/script>\n\t\t\t\t\t<div class=\"hbspt-form\" id=\"hbspt-form-1775656071000-5561261827\"><\/div><\/div>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_45_2 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">O que voc&ecirc; ver&aacute;:<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"ez-toc-toggle-icon-1\"><label for=\"item-69d65c87b14ab\" aria-label=\"Table of Content\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input style='display:none' type=\"checkbox\" id=\"item-69d65c87b14ab\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/herospark.com\/blog\/figma-o-que-e\/#Figma_o_que_e\" title=\"Figma: o que \u00e9?\">Figma: o que \u00e9?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/herospark.com\/blog\/figma-o-que-e\/#O_que_da_para_fazer_com_o_Figma\" title=\"O que d\u00e1 para fazer com o Figma?\">O que d\u00e1 para fazer com o Figma?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/herospark.com\/blog\/figma-o-que-e\/#Como_usar_o_Figma\" title=\"Como usar o Figma?\">Como usar o Figma?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/herospark.com\/blog\/figma-o-que-e\/#Qual_o_valor_do_Figma\" title=\"Qual o valor do Figma?\">Qual o valor do Figma?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/herospark.com\/blog\/figma-o-que-e\/#Qual_e_o_melhor_Canva_Figma_ou_Adobe\" title=\"Qual \u00e9 o melhor: Canva, Figma ou Adobe?\">Qual \u00e9 o melhor: Canva, Figma ou Adobe?<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Figma_o_que_e\"><\/span>Figma: o que \u00e9?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O Figma \u00e9 uma <strong>ferramenta de design feita para criar interfaces e prot\u00f3tipos pensando na <\/strong><a href=\"https:\/\/herospark.com\/blog\/experiencia-do-cliente\/\"><strong>experi\u00eancia do usu\u00e1rio<\/strong><\/a>. A ferramenta est\u00e1 dispon\u00edvel no pr\u00f3prio navegador, sendo poss\u00edvel criar designs online, o que \u00e9 \u00f3timo, porque oferece mais praticidade.<\/p>\n\n\n\n<p>Por ser online, o Figma oferece tamb\u00e9m recursos de colabora\u00e7\u00e3o, permitindo que voc\u00ea compartilhe o design com mais de uma pessoa para que elas participem da cria\u00e7\u00e3o e o editem simultaneamente.<\/p>\n\n\n\n<p>Hoje, esse editor conta com diversos elementos e fun\u00e7\u00f5es variadas que permitem que voc\u00ea crie diversos modelos. E a melhor parte \u00e9 que ele tem uma<strong> interface intuitiva e f\u00e1cil de usar.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_da_para_fazer_com_o_Figma\"><\/span>O que d\u00e1 para fazer com o Figma?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Uma das principais vantagens do Figma, o que \u00e9 bom para muitos neg\u00f3cios, \u00e9 que ele permite a cria\u00e7\u00e3o de diversos modelos.&nbsp;<\/p>\n\n\n\n<p>Sim, a ferramenta oferece v\u00e1rios recursos e a <strong>possibilidade de se conectar a plugins<\/strong> que facilitam a cria\u00e7\u00e3o de muitos elementos.<\/p>\n\n\n\n<p>Na maioria das vezes, o Figma costuma ser muito utilizado por quem trabalha com UX <em>(User Experience<\/em> &#8211; Experi\u00eancia do Usu\u00e1rio) e UI (<em>User Interface<\/em> &#8211; Interface do Usu\u00e1rio). Esses dois s\u00e3o respons\u00e1veis por criar aplicativos e sites mais intuitivos para a navega\u00e7\u00e3o.<\/p>\n\n\n\n<p>Por isso, \u00e9 comum ver o Figma sendo utilizado para a cria\u00e7\u00e3o de:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/herospark.com\/blog\/paginas-que-convertem\/\">P\u00e1ginas de sites<\/a> mais intuitivas e f\u00e1ceis de navegar;<\/li>\n\n\n\n<li>Telas de aplicativos diversos;<\/li>\n\n\n\n<li>Prot\u00f3tipos variados;<\/li>\n\n\n\n<li>Cria\u00e7\u00e3o de fluxos de navega\u00e7\u00e3o.<\/li>\n<\/ul>\n\n\n\n<p>Mas, devido \u00e0 variedade de funcionalidades dentro da ferramenta, \u00e9 poss\u00edvel usar o Figma tamb\u00e9m para:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Criar artes para as <a href=\"https:\/\/herospark.com\/blog\/posts-instagram\/\">redes sociais<\/a>;<\/li>\n\n\n\n<li>Criar imagens criativas para <a href=\"https:\/\/herospark.com\/blog\/campanha-de-e-mail-marketing\/\">e-mail marketing<\/a>;<\/li>\n\n\n\n<li>Desenvolver <a href=\"https:\/\/herospark.com\/blog\/landing-page\/\">landing pages<\/a>;<\/li>\n\n\n\n<li><a href=\"https:\/\/herospark.com\/blog\/diagramacao-de-e-book\/\">Diagramar e-books<\/a>;<\/li>\n\n\n\n<li>Criar apresenta\u00e7\u00f5es;<\/li>\n\n\n\n<li>Produzir infogr\u00e1ficos;<\/li>\n\n\n\n<li>E muito mais.<\/li>\n<\/ul>\n\n\n\n<p>Isso faz o Figma ser uma ferramenta muito vers\u00e1til, podendo atender \u00e0s necessidades de diversos neg\u00f3cios, inclusive o seu!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_usar_o_Figma\"><\/span>Como usar o Figma?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Agora que voc\u00ea conhece mais sobre o Figma, o que \u00e9 e o que d\u00e1 para fazer nele, chegou o momento de ver na pr\u00e1tica como usar a ferramenta!<\/p>\n\n\n\n<p>Sendo assim, o primeiro passo \u00e9 <a href=\"https:\/\/www.figma.com\/\">acessar o site oficial do Figma<\/a>, clicar em \u201cIniciar\u201d e criar a sua conta. Esse processo leva menos de 2 minutos.&nbsp;<\/p>\n\n\n\n<p>Ap\u00f3s ter criado a sua conta, voc\u00ea pode escolher o nome da sua equipe, convidar membros e definir qual ser\u00e1 o seu plano.<\/p>\n\n\n\n<p>Depois disso, voc\u00ea pode escolher como gostaria de usar o Figma primeiro. Para isso, a ferramenta te oferece 3 op\u00e7\u00f5es:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-1.png\" alt=\"print de tela do figma\n\" class=\"wp-image-11663\" width=\"700\" srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-1.png 1364w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-1-300x144.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-1-1024x492.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-1-768x369.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-1-390x188.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-1-820x394.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-1-1180x568.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-1-150x72.png 150w\" sizes=\"(max-width: 1364px) 100vw, 1364px\" \/><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\">\n<li>A primeira delas permite que voc\u00ea crie designs e prot\u00f3tipos com a ferramenta.&nbsp;<\/li>\n\n\n\n<li>A segunda d\u00e1 acesso a um quadro branco, que \u00e9 \u00f3timo para fazer um <a href=\"https:\/\/herospark.com\/blog\/o-que-e-brainstorming\/\">brainstorming<\/a> com a equipe.&nbsp;<\/li>\n\n\n\n<li>A \u00faltima op\u00e7\u00e3o permite que voc\u00ea importe arquivos que tenha criado em aplicativos similares, como o Miro.<\/li>\n<\/ol>\n\n\n\n<p>Aqui, selecionamos a op\u00e7\u00e3o de \u201cDesign\u201d e depois podemos escolher templates para iniciar a cria\u00e7\u00e3o ou pegar um modelo em branco.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"print de tela do figma\"  class=\"wp-image-11664 pk-lazyload\"  width=\"700\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1365px) 100vw, 1365px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-2.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-2.png 1365w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-2-300x145.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-2-1024x497.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-2-768x372.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-2-390x189.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-2-820x398.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-2-1180x572.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-2-150x73.png 150w\" ><\/figure>\n<\/div>\n\n\n<p>Ao escolher um modelo em branco, \u00e9 essa tela que voc\u00ea tem acesso:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"print de tela do figma\"  class=\"wp-image-11665 pk-lazyload\"  width=\"700\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1365px) 100vw, 1365px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-3.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-3.png 1365w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-3-300x145.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-3-1024x496.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-3-768x372.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-3-390x189.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-3-820x397.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-3-1180x571.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-3-150x73.png 150w\" ><\/figure>\n<\/div>\n\n\n<p>Para come\u00e7ar a sua produ\u00e7\u00e3o, o ideal \u00e9 criar um frame, que \u00e9 como se fosse uma tela branca que voc\u00ea vai trabalhar em cima. Para isso, basta clicar no \u00edcone ao lado da seta na parte superior e, assim, desenhar o frame na tela ou usar um dos tamanhos prontos.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"print de tela do figma\"  class=\"wp-image-11666 pk-lazyload\"  width=\"700\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1365px) 100vw, 1365px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-4.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-4.png 1365w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-4-300x132.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-4-1024x451.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-4-768x338.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-4-390x172.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-4-820x361.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-4-1180x520.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-4-150x66.png 150w\" ><\/figure>\n<\/div>\n\n\n<p>Nos tamanhos prontos, a maioria deles \u00e9 de tela de celular, tablet e computadores. Mas voc\u00ea pode simplesmente desenhar um frame na tela e depois definir melhor o tamanho dele.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"print de tela do figma\"  class=\"wp-image-11667 pk-lazyload\"  width=\"700\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1364px) 100vw, 1364px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-5.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-5.png 1364w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-5-300x133.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-5-1024x454.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-5-768x341.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-5-390x173.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-5-820x364.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-5-1180x523.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-5-150x67.png 150w\" ><\/figure>\n<\/div>\n\n\n<p>Com o frame pronto, voc\u00ea j\u00e1 pode come\u00e7ar a adicionar elementos. Para isso, voc\u00ea pode:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clicar no \u00edcone do quadrado e adicionar formas geom\u00e9tricas:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"print de tela do figma\"  class=\"wp-image-11668 pk-lazyload\"  width=\"700\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1365px) 100vw, 1365px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-6.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-6.png 1365w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-6-300x145.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-6-1024x495.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-6-768x371.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-6-390x189.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-6-820x396.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-6-1180x571.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-6-150x73.png 150w\" ><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Clicar no \u00edcone da caneta e desenhar no frame:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"print de tela do figma\"  class=\"wp-image-11669 pk-lazyload\"  width=\"700\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1364px) 100vw, 1364px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-7.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-7.png 1364w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-7-300x133.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-7-1024x453.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-7-768x340.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-7-390x172.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-7-820x363.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-7-1180x522.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-7-150x66.png 150w\" ><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Adicionar textos ao clicar no \u00edcone \u201cT\u201d:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"print de tela do figma\"  class=\"wp-image-11670 pk-lazyload\"  width=\"700\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1365px) 100vw, 1365px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-8.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-8.png 1365w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-8-300x132.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-8-1024x452.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-8-768x339.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-8-390x172.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-8-820x362.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-8-1180x520.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-8-150x66.png 150w\" ><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Acessar as bibliotecas, plugins e widgets para adicionar mais elementos:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"print de tela do figma\"  class=\"wp-image-11671 pk-lazyload\"  width=\"700\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1365px) 100vw, 1365px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-9.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-9.png 1365w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-9-300x145.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-9-1024x495.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-9-768x371.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-9-390x189.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-9-820x396.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-9-1180x571.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-9-150x73.png 150w\" ><\/figure>\n<\/div>\n\n\n<p>Para editar cores, tamanhos e fontes, basta acessar a barra lateral que permite fazer essa edi\u00e7\u00e3o. Quando voc\u00ea clica em um elemento, ela j\u00e1 mostra as configura\u00e7\u00f5es que voc\u00ea pode editar.<\/p>\n\n\n\n<p>Assim, voc\u00ea pode deixar sua criatividade trabalhar para criar designs incr\u00edveis com o Figma, o que \u00e9 interessante porque permite que voc\u00ea <strong>desenvolva artes de acordo com a <\/strong><a href=\"https:\/\/herospark.com\/blog\/identidade-visual-instagram\/\"><strong>identidade visual<\/strong><\/a><strong> do seu neg\u00f3cio!<\/strong><\/p>\n\n\n\n<p>Al\u00e9m disso, voc\u00ea tamb\u00e9m pode come\u00e7ar a usar o Figma a partir de um modelo pronto. Assim, voc\u00ea consegue aprender mais sobre a ferramenta e ver seus recursos sendo utilizados.<\/p>\n\n\n\n<p>O modelo abaixo \u00e9 de uma apresenta\u00e7\u00e3o criada na ferramenta:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"print de tela do figma\"  class=\"wp-image-11672 pk-lazyload\"  width=\"700\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1365px) 100vw, 1365px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-10.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-10.png 1365w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-10-300x144.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-10-1024x493.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-10-768x370.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-10-390x188.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-10-820x395.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-10-1180x568.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/como-usar-o-figma-10-150x72.png 150w\" ><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Qual_o_valor_do_Figma\"><\/span>Qual o valor do Figma?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Com tantas possibilidades de cria\u00e7\u00e3o que o Figma possui, \u00e9 comum que as pessoas pensem que ele \u00e9 uma ferramenta muito cara. Mas, na verdade,<strong> todas as funcionalidades mostradas acima fazem parte do plano gratuito da ferramenta.<\/strong><\/p>\n\n\n\n<p>Atualmente, o <strong>Figma trabalha com 4 planos diferentes<\/strong>, sendo eles:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>O plano gratuito;<\/li>\n\n\n\n<li>O plano professional, de $12 por m\u00eas;<\/li>\n\n\n\n<li>O plano organizacional, de R$45 por m\u00eas<\/li>\n\n\n\n<li>E o plano enterprises, de R$75 por m\u00eas;<\/li>\n<\/ul>\n\n\n\n<p>De todos eles, apenas o segundo plano permite que voc\u00ea o assine no modelo mensal, onde ele passa a custar $15. J\u00e1 os demais s\u00f3 podem ser assinados no plano anual.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Qual_e_o_melhor_Canva_Figma_ou_Adobe\"><\/span>Qual \u00e9 o melhor: Canva, Figma ou Adobe?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Depois de conhecer mais sobre o Figma, o que \u00e9 e quais recursos ele possui, \u00e9 comum que as pessoas fiquem na d\u00favida entre ele e outras duas grandes ferramentas de design: o Canva e o Adobe XD.<\/p>\n\n\n\n<p>Por isso, confira um comparativo entre elas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Canva<\/strong>:<strong> <\/strong>costuma ser a op\u00e7\u00e3o ideal para quem precisa de um programa para criar conte\u00fado nas <a href=\"https:\/\/herospark.com\/blog\/gestao-de-redes-sociais\/\">redes sociais<\/a> ou at\u00e9 mesmo desenvolver materiais para seus <a href=\"https:\/\/herospark.com\/blog\/produtos-digitais-mais-vendidos\/\">produtos digitais<\/a>. Ele \u00e9 mais f\u00e1cil de usar, permite certa personaliza\u00e7\u00e3o nos elementos e \u00e9 uma boa op\u00e7\u00e3o para quem \u00e9 novo no mundo do design.<\/li>\n\n\n\n<li><strong>Figma<\/strong>: como voc\u00ea viu neste artigo, \u00e9 uma ferramenta um pouco mais avan\u00e7ada que o Canva. Ele permite que voc\u00ea crie mais elementos e que suas artes fiquem de acordo com a identidade visual do neg\u00f3cio.<\/li>\n\n\n\n<li><strong>Adobe XD:<\/strong> possui funcionalidades bem semelhantes ao Figma e costuma ser mais utilizado para a <a href=\"https:\/\/herospark.com\/blog\/como-criar-um-site\/\">cria\u00e7\u00e3o de sites<\/a> e aplicativos. No entanto, n\u00e3o possui um plano gratuito e n\u00e3o funciona online, sendo preciso baix\u00e1-lo no computador.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Vale dizer que esse fato de n\u00e3o funcionar online pode atrapalhar um pouco quem precisa criar artes junto com a equipe, pois \u00e9 preciso salvar e compartilhar o arquivo novamente a cada altera\u00e7\u00e3o feita. No Figma e no Canva, as altera\u00e7\u00f5es s\u00e3o em tempo real e o arquivo \u00e9 salvo automaticamente.<\/p>\n\n\n\n<p>Sendo assim, todas as ferramentas acima oferecem boas funcionalidades. Para voc\u00ea escolher entre uma delas \u00e9 preciso analisar o seu uso &#8211; se vai criar sites, aplicativos ou artes para redes sociais &#8211; e a sua viv\u00eancia com o design.<\/p>\n\n\n\n<p>E a\u00ed, gostou de conhecer mais sobre o Figma, o que \u00e9 e como usar? Saiba que os produtos digitais criados nessa e em outras ferramentas de design podem ser hospedados e vendidos na HeroSpark!<\/p>\n\n\n\n<p>Com a gente voc\u00ea acessa diversos recursos que facilitam suas vendas online e podem aumentar seus resultados!&nbsp;<\/p>\n\n\n\n<p>Portanto, <a href=\"https:\/\/app.herospark.com\/sign-up\/?utm_medium=page-post-link&amp;utm_source=blog-herospark&amp;utm_campaign=blog-herospark-figmaoque\u00e9\"><strong>venha conhecer a HeroSpark e hospedar seus conte\u00fados com a gente<\/strong><\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"Quem trabalha criando diferentes artes no dia a dia, seja para ter postagens incr&iacute;veis no Instagram ou montar seus produtos digitais, precisa conhecer mais sobre o Figma, o que &eacute;&hellip;\n","protected":false},"author":63,"featured_media":11673,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[2546,2068],"tags":[3230,4270,4269,4268],"yst_prominent_words":[160,210,385,522,764,145,189,214],"class_list":{"0":"post-11662","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-ferramentas","8":"category-marketing-digital","9":"tag-design","10":"tag-ferramenta-de-design","11":"tag-figma","12":"tag-figma-o-que-e"},"acf":[],"uagb_featured_image_src":{"full":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e.jpg",1200,628,false],"thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-150x150.jpg",150,150,true],"medium":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-300x157.jpg",300,157,true],"medium_large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-768x402.jpg",768,402,true],"large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-1024x536.jpg",1024,536,true],"1536x1536":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e.jpg",1200,628,false],"2048x2048":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e.jpg",1200,628,false],"pk-small":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-80x80.jpg",80,80,true],"pk-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-300x225.jpg",300,225,true],"cs-small":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-80x80.jpg",80,80,true],"cs-intermediate":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-240x180.jpg",240,180,true],"cs-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-390x290.jpg",390,290,true],"cs-thumbnail-uncropped":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-390x204.jpg",390,204,true],"cs-medium":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-820x429.jpg",820,429,true],"cs-large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-1180x618.jpg",1180,618,true],"web-stories-poster-portrait":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-640x628.jpg",640,628,true],"web-stories-publisher-logo":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-96x96.jpg",96,96,true],"web-stories-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e-150x79.jpg",150,79,true]},"uagb_author_info":{"display_name":"Nilson Filatieri","author_link":"https:\/\/herospark.com\/blog\/author\/nilson\/"},"uagb_comment_info":0,"uagb_excerpt":"Quem trabalha criando diferentes artes no dia a dia, seja para ter postagens incr&iacute;veis no Instagram ou montar seus produtos digitais, precisa conhecer mais sobre o Figma, o que &eacute;&hellip;","yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Figma: o que \u00e9, como usar e quanto custa? [GUIA]<\/title>\n<meta name=\"description\" content=\"Figma: o que \u00e9? \u00c9 uma ferramenta de design feita para criar interfaces e prot\u00f3tipos. Veja como utiliz\u00e1-la e melhorar seus designs.\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/herospark.com\/blog\/figma-o-que-e\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Figma: o que \u00e9, como usar e quanto custa? [GUIA]\" \/>\n<meta property=\"og:description\" content=\"Figma: o que \u00e9? \u00c9 uma ferramenta de design feita para criar interfaces e prot\u00f3tipos. Veja como utiliz\u00e1-la e melhorar seus designs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/herospark.com\/blog\/figma-o-que-e\/\" \/>\n<meta property=\"og:site_name\" content=\"HeroSpark Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-27T13:43:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-22T19:18:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/03\/figma-o-que-e.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts\/11662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/comments?post=11662"}],"version-history":[{"count":0,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts\/11662\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/media\/11673"}],"wp:attachment":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/media?parent=11662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/categories?post=11662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/tags?post=11662"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=11662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}