{"id":14583,"date":"2025-03-11T07:52:13","date_gmt":"2025-03-11T10:52:13","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=14583"},"modified":"2025-03-11T08:00:36","modified_gmt":"2025-03-11T11:00:36","slug":"criar-dashboard-figma","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/","title":{"rendered":"Como criar um dashboard em seu site usando Figma"},"content":{"rendered":"\n<p>Este ensina a <strong>desenvolver dashboards profissionais utilizando o Figma<\/strong>, uma ferramenta de design de interfaces. Ele aborda desde a estrutura\u00e7\u00e3o do layout at\u00e9 a aplica\u00e7\u00e3o de elementos visuais e interativos, proporcionando uma vis\u00e3o completa do processo de cria\u00e7\u00e3o.<\/p>\n\n\n\n<p>A cria\u00e7\u00e3o de dashboards no Figma est\u00e1 diretamente relacionada \u00e0 hospedagem de sites, pois um design bem elaborado facilita a implementa\u00e7\u00e3o e integra\u00e7\u00e3o do dashboard em plataformas web hospedadas. <strong>Ao planejar e prototipar o dashboard no Figma, \u00e9 poss\u00edvel antecipar desafios t\u00e9cnicos e garantir que o design seja responsivo e compat\u00edvel com diferentes ambientes de hospedagem<\/strong>. Isso resulta em uma experi\u00eancia de usu\u00e1rio mais fluida e em um processo de desenvolvimento mais eficiente.<\/p>\n\n\n\n<p>Se voc\u00ea est\u00e1 <strong><a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-layout-site-figma\/\">criando um layout no Figma<\/a>, <\/strong>nesse artigo vai aprender como fazer isso em poucos passos. Neste artigo, vamos criar um dashboard simples usando Figma.<\/p>\n\n\n\n<p>Um dashboard serve para v\u00e1rias coisas, mas o principal \u00e9 <strong>mostrar informa\u00e7\u00f5es visual e intuitivamente.<\/strong> Pode ser um dashboard de vendas, de usu\u00e1rio ou de administrador. O de administrador, por exemplo, junta todos os dados que os usu\u00e1rios est\u00e3o colocando na plataforma. <\/p>\n\n\n\n<p>Continue lendo e saiba mais. No entanto, se quiser come\u00e7ar do in\u00edcio, temos um <a href=\"https:\/\/www.homehost.com.br\/blog\/desenvolvedores\/figma-conceitos-iniciais\/\">artigo sobre os conceitos iniciais do Figma<\/a>.<\/p>\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/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:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#1_%E2%80%93_Criando_layout_no_Figma_primeiro_passo_para_um_dashboard_simples\" title=\"1 &#8211; Criando layout no Figma: primeiro passo para um dashboard simples\">1 &#8211; Criando layout no Figma: primeiro passo para um dashboard simples<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#2_%E2%80%93_Criando_o_menu_e_o_cabecalho\" title=\"2 &#8211; Criando o menu e o cabe\u00e7alho\">2 &#8211; Criando o menu e o cabe\u00e7alho<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#3_%E2%80%93_Criando_os_Retangulos\" title=\"3 &#8211; Criando os Ret\u00e2ngulos\">3 &#8211; Criando os Ret\u00e2ngulos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#4_%E2%80%93_Definindo_a_largura_do_menu\" title=\"4 &#8211; Definindo a largura do menu\">4 &#8211; Definindo a largura do menu<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#Duplicando_Elementos\" title=\"Duplicando Elementos\">Duplicando Elementos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#Inserindo_Graficos_e_Textos\" title=\"Inserindo Gr\u00e1ficos e Textos\">Inserindo Gr\u00e1ficos e Textos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#Estilizando_o_Dashboard\" title=\"Estilizando o Dashboard\">Estilizando o Dashboard<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#Criando_layout_no_Figma_com_os_plugins_e_extensoes_para_inserir_graficos\" title=\"Criando layout no Figma com os plugins e extens\u00f5es para inserir gr\u00e1ficos\">Criando layout no Figma com os plugins e extens\u00f5es para inserir gr\u00e1ficos<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#2_Escolhendo_e_Instalando_um_Plugin_de_Graficos\" title=\"2. Escolhendo e Instalando um Plugin de Gr\u00e1ficos\">2. Escolhendo e Instalando um Plugin de Gr\u00e1ficos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#Passo_a_passo_para_instalar_a_extensaoplugin\" title=\"Passo a passo para instalar a extens\u00e3o\/plugin:\">Passo a passo para instalar a extens\u00e3o\/plugin:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#3_Criando_graficos_no_Figma\" title=\"3. Criando gr\u00e1ficos no Figma\">3. Criando gr\u00e1ficos no Figma<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#4_Testando_outras_extensoes\" title=\"4. Testando outras extens\u00f5es\">4. Testando outras extens\u00f5es<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#Dicas_de_criacao_de_dashboard\" title=\"Dicas de cria\u00e7\u00e3o de dashboard\">Dicas de cria\u00e7\u00e3o de dashboard<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#Conclusao_criando_layout_no_Figma\" title=\"Conclus\u00e3o: criando layout no Figma\">Conclus\u00e3o: criando layout no Figma<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_%E2%80%93_Criando_layout_no_Figma_primeiro_passo_para_um_dashboard_simples\"><\/span>1 &#8211; <strong>Criando layout no Figma<\/strong>: primeiro passo para um dashboard simples<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Para come\u00e7ar o layout do seu dashboard, <strong>voc\u00ea aperta &#8220;F&#8221; para criar um frame<\/strong>. Automaticamente, abre do lado direito as resolu\u00e7\u00f5es que voc\u00ea pode usar.&nbsp;Por exemplo:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcYSas4zfh75eQoN3mYtRMNDtH1PKTwF6V9y9wezrvB54SqaKMcc6uCB27QQzmfYbCorFZ9mu77G9U3b3Ned1I1RMy_gJ44lHC2Qv9YnFpexFsAykt7nkKRX3fv0rPwSAWa146P?key=juo6NIli_BwmRk3LcTEjlw\" alt=\"Figma, resolu\u00e7\u00f5es de tela\" width=\"246\" height=\"845\" \/><figcaption class=\"wp-element-caption\">Figma, resolu\u00e7\u00f5es de tela.<\/figcaption><\/figure>\n\n\n\n<p>Se for um dashboard para web ou sistema, escolha <strong>&#8220;Desktop&#8221;<\/strong>. Se for para celular, no entanto, pode escolher uma resolu\u00e7\u00e3o de <strong>iPhone 16, iPhone 15<\/strong>, ou outras, inclusive de Android.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-pale-cyan-blue-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center has-medium-font-size\"><strong>O que n\u00e3o pode faltar no seu dashboard<\/strong><\/p>\n\n\n\n<p><strong>Al\u00e9m do menu lateral, outra coisa que n\u00e3o pode faltar \u00e9 o \u00edcone de usu\u00e1rio. <\/strong>Quase todos os dashboards precisam de login para acessar, afinal, eles mostram informa\u00e7\u00f5es de alguma coisa, seja vendas, acessos a sites etc. Ent\u00e3o, \u00e9 normal e esperado que precise fazer login.<\/p>\n\n\n\n<p>Quando voc\u00ea trabalha com esse tipo de projeto, <strong>\u00e9 bom pensar no login social<\/strong>. Voc\u00ea pode criar antes uma tela para login e cadastro, fica a seu crit\u00e9rio. Voc\u00ea pode cri\u00e1-lo manualmente, ou usar um PNG e\/ou <a href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/criar-favicon\/\">Favicon<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_%E2%80%93_Criando_o_menu_e_o_cabecalho\"><\/span><strong>2 &#8211; Criando o menu e o cabe\u00e7alho<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O <strong>menu e o cabe\u00e7alho<\/strong> s\u00e3o partes cruciais do seu dashboard, \u00e9 por eles que vamos come\u00e7ar. Para que ele fique, por exemplo, assim:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/image-22-1024x736.png\" alt=\"Primeira tela pronta do wireframe\" class=\"wp-image-14593\" width=\"1024\" height=\"736\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/image-22-1024x736.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/image-22-300x216.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/image-22-768x552.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/image-22.png 1035w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Primeira tela pronta do wireframe<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_%E2%80%93_Criando_os_Retangulos\"><\/span><strong>3 &#8211; Criando os Ret\u00e2ngulos<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Use a tecla &#8220;R&#8221; para criar ret\u00e2ngulos que v\u00e3o ser o menu lateral e o cabe\u00e7alho.<\/strong> Mude a cor ou transpar\u00eancia dos ret\u00e2ngulos que ficam um em cima do outro para voc\u00ea conseguir ver bem o tamanho de cada um.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXejP20oUHnvft_MUiVAgcWNF5FI8eCOaPmo5zLqHdk4YpGWp7Z5W2BE1GoJVd66wXXVzb36vjrz1OYooGB_kC2h-_ID4qSQvaUXJTAuSZ6V3kaWJIz3NURwfprPty0ucIxDJPzmFw?key=juo6NIli_BwmRk3LcTEjlw\" alt=\"Modificando a transpar\u00eancia do item\" width=\"240\" height=\"81\" \/><figcaption class=\"wp-element-caption\">Modificando a transpar\u00eancia do item<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_%E2%80%93_Definindo_a_largura_do_menu\"><\/span><strong>4 &#8211; Definindo a largura do menu<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>No seu ret\u00e2ngulo lateral (pode ser do lado esquerdo ou direito), defina a largura que cabe os \u00edcones do menu.<\/strong> Por exemplo, vamos pensar num dashboard que mostra dados, com gr\u00e1ficos, filtros e outras coisas, e que tem algumas fun\u00e7\u00f5es de administrador. N\u00e3o precisamos definir quais s\u00e3o essas fun\u00e7\u00f5es agora.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcWe-yN4vtAep4pRIT9tu3LytWzDu8HXTHwDstKKcs-etlX3sJH0EWzinmA1rTYmjA4YYaV9nrUeDcKXarj1llTprmUhXvP8WlbR15lCuGofvdQJeqotCLF7Dbdc0koFz8Q5zRQOA?key=juo6NIli_BwmRk3LcTEjlw\" alt=\"Menu lateral pronto\" width=\"286\" height=\"449\" \/><figcaption class=\"wp-element-caption\">Menu lateral pronto<\/figcaption><\/figure>\n\n\n\n<p>No seu projeto real, se ele for mais espec\u00edfico, voc\u00ea vai pensar nessas fun\u00e7\u00f5es. Mas, por enquanto, vamos colocar s\u00f3 os ret\u00e2ngulos de texto, onde ficariam essas fun\u00e7\u00f5es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Duplicando_Elementos\"><\/span><strong>Duplicando Elementos<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Para copiar um elemento no Figma, clique nele (ele vai ficar com uma linha azul embaixo), aperte &#8220;Alt&#8221; e arraste com o bot\u00e3o esquerdo do mouse. <\/strong>Pode fazer isso quantas vezes precisar. Agora temos, por exemplo, cinco op\u00e7\u00f5es de texto, ou seja, cinco fun\u00e7\u00f5es que o nosso menu teria.<\/p>\n\n\n\n<p>Com o wireframe pronto, \u00e9 hora de dar uma cara para o seu dashboard:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Inserindo_Graficos_e_Textos\"><\/span><strong>Inserindo Gr\u00e1ficos e Textos<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Como estamos fazendo um wireframe por enquanto, vamos colocar os ret\u00e2ngulos dos gr\u00e1ficos.<\/strong> Alinhe eles com a \u00faltima caixa de texto. Podemos colocar tamb\u00e9m uns ret\u00e2ngulos que parecem textos.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfIysi2qJ9FYyIhmUM8r_6cDbmYLl6gIS92c13jMOGUC97UOP7-AK8D9rbhhmQVIefeDMQ5UnD_l4Mf5O1lSE-O6kUll3_Vp0pkNZ2R2eGFilDHxYmycFFfOwpXetBQ52PJ8Ns?key=juo6NIli_BwmRk3LcTEjlw\" alt=\"Ret\u00e2ngulos de gr\u00e1ficos inseridos\" width=\"1049\" height=\"738\" \/><figcaption class=\"wp-element-caption\">Ret\u00e2ngulos de gr\u00e1ficos e textos inseridos<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Estilizando_o_Dashboard\"><\/span><strong>Estilizando o Dashboard<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Com o wireframe pronto, agora voc\u00ea vai escolher as cores, o texto, o tipo de letra e o <a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/estilos-html\/\">visual do seu dashboard<\/a>.<\/strong> Isso \u00e9 importante porque essa tela ser\u00e1 a base para as outras.<\/p>\n\n\n\n<p class=\"has-pale-pink-background-color has-background\">Se voc\u00ea tem 3, 4 ou 5 \u00edcones no menu lateral, ent\u00e3o voc\u00ea vai ter mais 3, 4 ou 5 telas, dependendo de quantos \u00edcones ou op\u00e7\u00f5es tiver no menu.<\/p>\n\n\n\n<p>Mesmo que voc\u00ea possa copiar os elementos depois, usando o atalho de clicar, segurar e arrastar, <strong>\u00e9 sempre bom j\u00e1 deixar tudo organizado.<\/strong> Isso deixa o trabalho mais autom\u00e1tico e mais f\u00e1cil.&nbsp;<\/p>\n\n\n\n<p>Definir esses elementos desde o come\u00e7o simplifica bastante o processo de replica\u00e7\u00e3o das telas e garante que o design fique consistente.<\/p>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background-color:#8dd2fc3b\">\n<p>Artigos que podem interessar: <\/p>\n\n\n\n<p><a href=\"https:\/\/www.homehost.com.br\/blog\/empreendedorismo\/trabalho-em-home-office\/\">Trabalho em Home Office: 20 Segredos para Trabalhar por Conta Pr\u00f3pria<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.homehost.com.br\/blog\/empreendedorismo\/vender-fotos\/\">Vender fotos: 15 sites para ganhar dinheiro em 2024<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.homehost.com.br\/blog\/empreendedorismo\/sorteio-instagram\/\">Sorteio no Instagram: as melhores ferramentas em 2024<\/a><\/p>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Criando_layout_no_Figma_com_os_plugins_e_extensoes_para_inserir_graficos\"><\/span><strong>Criando layout no Figma com os plugins e extens\u00f5es para inserir gr\u00e1ficos<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Para encontrar plugins, widgets ou extens\u00f5es no Figma, siga os passos abaixo:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Acesse a barra de a\u00e7\u00f5es pressionando <code><strong>Ctrl + K<\/strong><\/code>.<\/li>\n\n\n\n<li>Digite o nome do recurso que deseja encontrar.<\/li>\n\n\n\n<li>Escolha entre as op\u00e7\u00f5es <strong>Search Plugins and Widgets<\/strong> ou <strong>Search Assets For<\/strong>.<\/li>\n\n\n\n<li>Para uma busca mais eficiente, prefira pesquisar os termos em ingl\u00eas.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXf5KgbdYHLRIMSVZScWWu84DwoQAY_L8lo-i-M9XkLLP-Bxc7wO9l_5Zau9E7E7v3py28noT2FMlw-LHOSu4dytT9IiHXI7YrtYm5yHqgcFVjvnhfAyP9ywltcm8dMnfHyZ3VTdeA?key=juo6NIli_BwmRk3LcTEjlw\" alt=\"Pesquisa de plugins e widgets\" width=\"488\" height=\"431\" \/><figcaption class=\"wp-element-caption\">Pesquisa de plugins e widgets<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Escolhendo_e_Instalando_um_Plugin_de_Graficos\"><\/span><strong>2. Escolhendo e Instalando um Plugin de Gr\u00e1ficos<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ap\u00f3s realizar a busca, voc\u00ea ver\u00e1 diversas op\u00e7\u00f5es de plugins. Para escolher o mais adequado, observe:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>N\u00famero de usu\u00e1rios;<\/li>\n\n\n\n<li>Avalia\u00e7\u00f5es e curtidas;<\/li>\n\n\n\n<li>Funcionalidades dispon\u00edveis.<\/li>\n<\/ul>\n\n\n\n<p>Um dos plugins mais populares para cria\u00e7\u00e3o de gr\u00e1ficos no Figma \u00e9 o <strong>GraphPad<\/strong>. Tamb\u00e9m h\u00e1 alternativas como o <strong>Magical Graphics<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcPkiQ8woyQp_lQn9FZZwP-TsgXi0Fizd0xRrXHnDAXDuzT87zgVY9Zg5WoEJhUsk1BP6r-onWDBK2uN4hESbCiamBOEoZpkhANX_4t7VRZYHWpIZNtXoWuHKKAxZ7GlzEXj7vjAQ?key=juo6NIli_BwmRk3LcTEjlw\" alt=\"Escolhendo o plugin de gr\u00e1fico que mais se encaixa no seu trabalho\" width=\"433\" height=\"422\" \/><figcaption class=\"wp-element-caption\">Escolhendo o plugin de gr\u00e1fico que mais se encaixa no seu trabalho<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdYe0luOYfOfopNkrbL_KNYmVz-PXko428MYvrMLXMl7BmNe5QyyL8xVtEJcETH-8L0CeqXXgUWOAJMRaPw10tYCBUqxC8pV8FCAoluCsvGjjwELybzyvHzBXvLV5AWQlUTGZ_osw?key=juo6NIli_BwmRk3LcTEjlw\" alt=\"Plugin Magical Graphics\" width=\"838\" height=\"639\" \/><figcaption class=\"wp-element-caption\">Plugin Magical Graphics<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdjCLTPSeTBFEh3LEklvvDVX5MwRxqofW9ZcfwtsOS6P5NDju8LCuG60pjCV01JmfABdr8NdZB9TMgrkNa7z7SHpZY1ADa7_TnpLBS0SysXr7T6oFmVcVIr-PQWUO6Km29dIjvBMg?key=juo6NIli_BwmRk3LcTEjlw\" alt=\"Plugin GraphPad\" width=\"365\" height=\"290\" \/><figcaption class=\"wp-element-caption\">Plugin GraphPad<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Passo_a_passo_para_instalar_a_extensaoplugin\"><\/span><strong>Passo a passo para instalar a extens\u00e3o\/plugin:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Clique na op\u00e7\u00e3o desejada dentro da aba <strong>Plugins and Widgets<\/strong>.<\/li>\n\n\n\n<li>Selecione <strong>Run<\/strong> para executar o plugin.<\/li>\n\n\n\n<li>Aguarde a abertura da tela de configura\u00e7\u00f5es do GraphPad ou qualquer plugin que tenha escolhido.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Criando_graficos_no_Figma\"><\/span><strong>3. Criando gr\u00e1ficos no Figma<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Com o GraphPad ou outro plugin instalado, siga estas etapas para criar seu gr\u00e1fico:<\/p>\n\n\n\n<p class=\"has-luminous-vivid-amber-background-color has-background\">Escolha o tipo de gr\u00e1fico desejado:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gr\u00e1ficos circulares (informa\u00e7\u00f5es dentro de c\u00edrculos);<\/li>\n\n\n\n<li>Gr\u00e1ficos retangulares (com formato de onda, por exemplo).<\/li>\n<\/ul>\n\n\n\n<p class=\"has-luminous-vivid-amber-background-color has-background\">Ajuste as configura\u00e7\u00f5es conforme os dados que deseja exibir.<\/p>\n\n\n\n<p class=\"has-luminous-vivid-amber-background-color has-background\">Teste diferentes formatos at\u00e9 encontrar o que melhor se encaixa no seu dashboard.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Testando_outras_extensoes\"><\/span><strong>4. Testando outras extens\u00f5es<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Al\u00e9m do GraphPad, h\u00e1 v\u00e1rias outras op\u00e7\u00f5es de plugins para gr\u00e1ficos no Figma. <strong>Algumas exigem pequenos ajustes em c\u00f3digo,<\/strong> enquanto outras s\u00e3o totalmente visuais, mas a h\u00e1 muita variedade. Experimente diferentes op\u00e7\u00f5es at\u00e9 encontrar a que melhor atende \u00e0s suas necessidades.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dicas_de_criacao_de_dashboard\"><\/span><strong>Dicas de cria\u00e7\u00e3o de dashboard<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Agora, umas dicas extras para deixar seu dashboard ainda melhor:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pensa na hierarquia da informa\u00e7\u00e3o:<\/strong> o que \u00e9 mais importante tem que estar mais em destaque. Use tamanhos diferentes, cores que chamam mais aten\u00e7\u00e3o, para, assim, guiar o olhar da pessoa;<\/li>\n\n\n\n<li><strong>N\u00e3o polui muito:<\/strong> menos \u00e9 mais, quase sempre. Se voc\u00ea coloca muita informa\u00e7\u00e3o junta, vira uma bagun\u00e7a e ningu\u00e9m entende nada. Deixa espa\u00e7o em branco, organiza as coisas em blocos, pra ficar limpo e f\u00e1cil de ler;<\/li>\n\n\n\n<li><strong>Usa grids e auto layout:<\/strong> isso salva muito tempo! O grid te ajuda a alinhar tudo certinho e o auto layout ajusta os elementos automaticamente quando voc\u00ea muda alguma coisa. Facilita muito a vida na hora de fazer altera\u00e7\u00f5es;<\/li>\n\n\n\n<li><strong>Componentes para tudo:<\/strong> se voc\u00ea vai usar o mesmo bot\u00e3o v\u00e1rias vezes, ou um gr\u00e1fico parecido, cria um componente! Assim, se voc\u00ea precisar mudar alguma coisa, muda s\u00f3 no componente principal e j\u00e1 atualiza em tudo quanto \u00e9 lugar;<\/li>\n\n\n\n<li><strong>Testa as cores:<\/strong> v\u00ea se as cores que voc\u00ea escolheu contrastam bem, pra quem tem daltonismo conseguir entender tamb\u00e9m. E testa em diferentes telas, para ver se fica bom em tudo quanto \u00e9 lugar;<\/li>\n\n\n\n<li><strong>Prototipa\u00e7\u00e3o b\u00e1sica:<\/strong> mesmo que seja um wireframe, vale a pena fazer uma prototipa\u00e7\u00e3o b\u00e1sica, tipo linkar os bot\u00f5es do menu com as telas correspondentes. Ajuda a ter uma ideia melhor de como vai ficar a navega\u00e7\u00e3o;<\/li>\n\n\n\n<li><strong>De olho na usabilidade:<\/strong> pensa em quem vai usar o dashboard. Se for um pessoal mais t\u00e9cnico, pode ter mais detalhes. Se for um p\u00fablico mais geral, tem que ser mais simples e direto;<\/li>\n\n\n\n<li><strong>Inspira\u00e7\u00e3o, mas com modera\u00e7\u00e3o:<\/strong> d\u00e1 uma olhada em outros dashboards, v\u00ea o que te agrada, mas n\u00e3o copie totalmente. Tenta entender o porqu\u00ea das escolhas e adapta para o seu projeto.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusao_criando_layout_no_Figma\"><\/span><strong>Conclus\u00e3o<\/strong>: criando layout no Figma<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Criar um dashboard no Figma \u00e9 mais simples do que parece, principalmente se voc\u00ea seguir um passo a passo bem estruturado. Desde a constru\u00e7\u00e3o do layout at\u00e9 a escolha dos plugins certos, cada detalhe faz diferen\u00e7a para um design funcional e intuitivo.&nbsp;<\/p>\n\n\n\n<p>O segredo est\u00e1 em manter a organiza\u00e7\u00e3o, testar diferentes op\u00e7\u00f5es e focar na experi\u00eancia do usu\u00e1rio. Agora \u00e9 s\u00f3 colocar em pr\u00e1tica e personalizar o seu dashboard do jeito que precisar!<\/p>\n\n\n\n<p>Quer tornar o seu dashboard interativo? Ent\u00e3o n\u00e3o perca nosso artigo sobre prototipagem interativa!<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este ensina a desenvolver dashboards profissionais utilizando o Figma, uma ferramenta de design de interfaces. Ele aborda desde a estrutura\u00e7\u00e3o do layout at\u00e9 a aplica\u00e7\u00e3o de elementos visuais e interativos, proporcionando uma vis\u00e3o completa do processo de cria\u00e7\u00e3o. A cria\u00e7\u00e3o de dashboards no Figma est\u00e1 diretamente relacionada \u00e0 hospedagem de sites, pois um design bem [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":14592,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-14583","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-criar-sites"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como criar um dashboard em seu site usando Figma | Homehost<\/title>\n<meta name=\"description\" content=\"Criando layout no Figma? Esse artigo vai te ajudar a construir um dashboard em poucos e simples passos, confira!\" \/>\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.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como criar um dashboard em seu site usando Figma | Homehost\" \/>\n<meta property=\"og:description\" content=\"Criando layout no Figma? Esse artigo vai te ajudar a construir um dashboard em poucos e simples passos, confira!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-11T10:52:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-11T11:00:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/Designs-da-T-Dev.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1260\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daiana S\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daiana S\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/\",\"name\":\"Como criar um dashboard em seu site usando Figma | Homehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/Designs-da-T-Dev.png\",\"datePublished\":\"2025-03-11T10:52:13+00:00\",\"dateModified\":\"2025-03-11T11:00:36+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\"},\"description\":\"Criando layout no Figma? Esse artigo vai te ajudar a construir um dashboard em poucos e simples passos, confira!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/Designs-da-T-Dev.png\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/Designs-da-T-Dev.png\",\"width\":1260,\"height\":630,\"caption\":\"criando layout no figma\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como criar um dashboard em seu site usando Figma\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\",\"name\":\"Daiana S\",\"description\":\"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como criar um dashboard em seu site usando Figma | Homehost","description":"Criando layout no Figma? Esse artigo vai te ajudar a construir um dashboard em poucos e simples passos, confira!","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.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/","og_locale":"pt_BR","og_type":"article","og_title":"Como criar um dashboard em seu site usando Figma | Homehost","og_description":"Criando layout no Figma? Esse artigo vai te ajudar a construir um dashboard em poucos e simples passos, confira!","og_url":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2025-03-11T10:52:13+00:00","article_modified_time":"2025-03-11T11:00:36+00:00","og_image":[{"width":1260,"height":630,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/Designs-da-T-Dev.png","type":"image\/png"}],"author":"Daiana S","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Daiana S","Est. tempo de leitura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/","url":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/","name":"Como criar um dashboard em seu site usando Figma | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/Designs-da-T-Dev.png","datePublished":"2025-03-11T10:52:13+00:00","dateModified":"2025-03-11T11:00:36+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689"},"description":"Criando layout no Figma? Esse artigo vai te ajudar a construir um dashboard em poucos e simples passos, confira!","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/Designs-da-T-Dev.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/Designs-da-T-Dev.png","width":1260,"height":630,"caption":"criando layout no figma"},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/criar-dashboard-figma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Como criar um dashboard em seu site usando Figma"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689","name":"Daiana S","description":"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br"}]}},"modified_by":"ad_hmhst","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2025\/01\/Designs-da-T-Dev.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/14583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=14583"}],"version-history":[{"count":6,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/14583\/revisions"}],"predecessor-version":[{"id":14611,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/14583\/revisions\/14611"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/14592"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=14583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=14583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=14583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}