{"id":4415,"date":"2023-07-10T09:55:26","date_gmt":"2023-07-10T12:55:26","guid":{"rendered":"https:\/\/novo.antlia.com.br\/?p=4415"},"modified":"2023-08-10T10:16:44","modified_gmt":"2023-08-10T13:16:44","slug":"figma-no-vscode-a-ferramenta-definitiva-para-integracao-entre-design-e-desenvolvimento","status":"publish","type":"post","link":"https:\/\/antlia.com.br\/en\/arquivos\/4415","title":{"rendered":"Figma no VSCode: A ferramenta definitiva para integra\u00e7\u00e3o entre design e desenvolvimento"},"content":{"rendered":"<p><span dir=\"ltr\" role=\"presentation\">No mundo do desenvolvimento de software, a colabora\u00e7\u00e3o eficiente entre <\/span><span dir=\"ltr\" role=\"presentation\">designers e desenvolvedores \u00e9 essencial para criar produtos de alta <\/span><span dir=\"ltr\" role=\"presentation\">qualidade. At\u00e9 recentemente, a separa\u00e7\u00e3o entre os fluxos de trabalho de <\/span><span dir=\"ltr\" role=\"presentation\">design e desenvolvimento muitas vezes resultava em lacunas de <\/span><span dir=\"ltr\" role=\"presentation\">comunica\u00e7\u00e3o, atrasos na implementa\u00e7\u00e3o e dificuldades na manuten\u00e7\u00e3o da <\/span><span dir=\"ltr\" role=\"presentation\">consist\u00eancia visual. Neste artigo, exploraremos como a integra\u00e7\u00e3o do <\/span><span dir=\"ltr\" role=\"presentation\">Figma ao VSCode est\u00e1 transformando a maneira como designers e <\/span><span dir=\"ltr\" role=\"presentation\">desenvolvedores trabalham juntos.<\/span><\/p>\n<p><span dir=\"ltr\" role=\"presentation\">O Figma, conhecido por sua plataforma de design colaborativo baseada <\/span><span dir=\"ltr\" role=\"presentation\">na nuvem, ganhou popularidade entre os designers por sua interface <\/span><span dir=\"ltr\" role=\"presentation\">intuitiva, ferramentas avan\u00e7adas e recursos de colabora\u00e7\u00e3o em tempo <\/span><span dir=\"ltr\" role=\"presentation\">real. No entanto, a colabora\u00e7\u00e3o entre designers e desenvolvedores ainda <\/span><span dir=\"ltr\" role=\"presentation\">enfrentava desafios, uma vez que eles usavam ferramentas diferentes e <\/span><span dir=\"ltr\" role=\"presentation\">precisavam traduzir manualmente o design em c\u00f3digo.<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-large wp-image-4636\" src=\"https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/figma1_compressed-1024x564.jpg\" alt=\"Figma no VSCode\" width=\"800\" height=\"441\" srcset=\"https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/figma1_compressed-1024x564.jpg 1024w, https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/figma1_compressed-300x165.jpg 300w, https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/figma1_compressed-768x423.jpg 768w, https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/figma1_compressed.jpg 1120w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span dir=\"ltr\" role=\"presentation\">Com a nova extens\u00e3o Figma para o VSCode, essa lacuna entre design e <\/span><span dir=\"ltr\" role=\"presentation\">desenvolvimento \u00e9 superada de forma brilhante. Agora, os desenvolvedores podem acessar diretamente os arquivos do Figma dentro do ambiente do VSCode, permitindo uma integra\u00e7\u00e3o perfeita entre o processo de design e implementa\u00e7\u00e3o. Essa colabora\u00e7\u00e3o fluida n\u00e3o apenas melhora a efici\u00eancia, mas tamb\u00e9m garante maior precis\u00e3o na tradu\u00e7\u00e3o do design em c\u00f3digo.<\/span><\/p>\n<p>Aqui est\u00e3o algumas vantagens dessa extens\u00e3o para desenvolvedores:<\/p>\n<p><span dir=\"ltr\" role=\"presentation\">\u25cf <\/span><span dir=\"ltr\" role=\"presentation\">Visualiza\u00e7\u00e3o de designs:<\/span><span dir=\"ltr\" role=\"presentation\"> Com a extens\u00e3o do Figma no VSCode, <\/span><span dir=\"ltr\" role=\"presentation\">voc\u00ea pode visualizar designs do Figma diretamente no editor. Isso <\/span><span dir=\"ltr\" role=\"presentation\">permite que voc\u00ea veja o layout, cores, tamanhos e outros detalhes <\/span><span dir=\"ltr\" role=\"presentation\">visuais do design enquanto trabalha no c\u00f3digo.<\/span><\/p>\n<p><span dir=\"ltr\" role=\"presentation\">\u25cf<\/span> <span dir=\"ltr\" role=\"presentation\">Inspe\u00e7\u00e3o de estilos:<\/span><span dir=\"ltr\" role=\"presentation\"> A extens\u00e3o permite inspecionar estilos <\/span><span dir=\"ltr\" role=\"presentation\">definidos no Figma. Voc\u00ea pode obter informa\u00e7\u00f5es sobre cores, <\/span><span dir=\"ltr\" role=\"presentation\">fontes, espa\u00e7amentos e outros estilos utilizados no design. Isso <\/span><span dir=\"ltr\" role=\"presentation\">ajuda a manter a consist\u00eancia entre o design e a implementa\u00e7\u00e3o do <\/span><span dir=\"ltr\" role=\"presentation\">c\u00f3digo.<\/span><\/p>\n<p><span dir=\"ltr\" role=\"presentation\">\u25cf<\/span> <span dir=\"ltr\" role=\"presentation\">Exporta\u00e7\u00e3o de assets:<\/span><span dir=\"ltr\" role=\"presentation\"> \u00c9 poss\u00edvel exportar facilmente assets <\/span><span dir=\"ltr\" role=\"presentation\">(como \u00edcones, imagens e componentes) do Figma para o VSCode. <\/span><span dir=\"ltr\" role=\"presentation\">Essa funcionalidade agiliza o processo de obten\u00e7\u00e3o dos recursos <\/span><span dir=\"ltr\" role=\"presentation\">necess\u00e1rios para implementar o design.<\/span><\/p>\n<p><span dir=\"ltr\" role=\"presentation\">\u25cf<\/span> <span dir=\"ltr\" role=\"presentation\">Gera\u00e7\u00e3o de c\u00f3digo:<\/span><span dir=\"ltr\" role=\"presentation\"> A extens\u00e3o do Figma no VSCode oferece a <\/span><span dir=\"ltr\" role=\"presentation\">capacidade de gerar automaticamente c\u00f3digo a partir dos <\/span><span dir=\"ltr\" role=\"presentation\">componentes do design. Isso pode economizar muito tempo, <\/span><span dir=\"ltr\" role=\"presentation\">especialmente ao lidar com designs complexos que envolvem v\u00e1rios <\/span><span dir=\"ltr\" role=\"presentation\">componentes reutiliz\u00e1veis.<\/span><\/p>\n<p><span dir=\"ltr\" role=\"presentation\">\u25cf<\/span> <span dir=\"ltr\" role=\"presentation\">Integra\u00e7\u00e3o com fluxo de trabalho:<\/span><span dir=\"ltr\" role=\"presentation\"> A extens\u00e3o permite que voc\u00ea <\/span><span dir=\"ltr\" role=\"presentation\">sincronize designs entre o Figma e o VSCode. Isso \u00e9 especialmente <\/span><span dir=\"ltr\" role=\"presentation\">\u00fatil em equipes de desenvolvimento que trabalham em conjunto <\/span><span dir=\"ltr\" role=\"presentation\">com designers, pois permite que todos estejam alinhados e <\/span><span dir=\"ltr\" role=\"presentation\">atualizados com as \u00faltimas altera\u00e7\u00f5es de design.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-4427\" src=\"https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/figma2-1024x683.webp\" alt=\"Figma\" width=\"800\" height=\"534\" srcset=\"https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/figma2-1024x683.webp 1024w, https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/figma2-300x200.webp 300w, https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/figma2-768x512.webp 768w, https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/figma2-1536x1024.webp 1536w, https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/figma2.webp 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span dir=\"ltr\" role=\"presentation\">Essa integra\u00e7\u00e3o entre Figma e VSCode oferece n\u00e3o apenas efici\u00eancia e <\/span><span dir=\"ltr\" role=\"presentation\">precis\u00e3o, mas tamb\u00e9m promove uma maior colabora\u00e7\u00e3o e produtividade <\/span><span dir=\"ltr\" role=\"presentation\">em toda a equipe. Os designers podem ter a certeza de que seu trabalho <\/span><span dir=\"ltr\" role=\"presentation\">ser\u00e1 implementado fielmente, enquanto os desenvolvedores ter\u00e3o acesso <\/span><span dir=\"ltr\" role=\"presentation\">direto aos recursos de design, economizando tempo e garantindo a <\/span><span dir=\"ltr\" role=\"presentation\">consist\u00eancia visual.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>No mundo do desenvolvimento de software, a colabora\u00e7\u00e3o eficiente entre designers e desenvolvedores \u00e9 essencial para criar produtos de alta qualidade. At\u00e9 recentemente, a separa\u00e7\u00e3o entre os fluxos de trabalho de design e desenvolvimento muitas vezes resultava em lacunas de comunica\u00e7\u00e3o, atrasos na implementa\u00e7\u00e3o e dificuldades na manuten\u00e7\u00e3o da consist\u00eancia visual. Neste artigo, exploraremos como [&hellip;]<\/p>","protected":false},"author":18,"featured_media":4421,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jet_sm_ready_style":"","_jet_sm_style":"","_jet_sm_controls_values":"","_jet_sm_fonts_collection":"","_jet_sm_fonts_links":"","footnotes":""},"categories":[73],"tags":[254,255,248],"class_list":["post-4415","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","tag-design","tag-ferramentas","tag-programacao"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Figma no VSCode: Integra\u00e7\u00e3o entre design e desenvolvimento - Antlia<\/title>\n<meta name=\"description\" content=\"Conhe\u00e7a mais sobre a nova extens\u00e3o do Figma no VSCode, e como ela vai mudar a integra\u00e7\u00e3o entre a \u00e1rea de design e a parte de desenvolvimento.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/antlia.com.br\/en\/arquivos\/4415\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Figma no VSCode: Integra\u00e7\u00e3o entre design e desenvolvimento - Antlia\" \/>\n<meta property=\"og:description\" content=\"Conhe\u00e7a mais sobre a nova extens\u00e3o do Figma no VSCode, e como ela vai mudar a integra\u00e7\u00e3o entre a \u00e1rea de design e a parte de desenvolvimento.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/antlia.com.br\/en\/arquivos\/4415\/\" \/>\n<meta property=\"og:site_name\" content=\"Antlia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/antlia.consultoriaetecnologia\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-10T12:55:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-10T13:16:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/Post-Figma.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Matheus Batista\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matheus Batista\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415\"},\"author\":{\"name\":\"Matheus Batista\",\"@id\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/#\\\/schema\\\/person\\\/e6f3f5213b616ad9dabec354a059a7cf\"},\"headline\":\"Figma no VSCode: A ferramenta definitiva para integra\u00e7\u00e3o entre design e desenvolvimento\",\"datePublished\":\"2023-07-10T12:55:26+00:00\",\"dateModified\":\"2023-08-10T13:16:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415\"},\"wordCount\":510,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/antlia.com.br\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Post-Figma.webp\",\"keywords\":[\"design\",\"ferramentas\",\"programa\u00e7\u00e3o\"],\"articleSection\":[\"Artigos\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415\",\"url\":\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415\",\"name\":\"Figma no VSCode: Integra\u00e7\u00e3o entre design e desenvolvimento - Antlia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/antlia.com.br\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Post-Figma.webp\",\"datePublished\":\"2023-07-10T12:55:26+00:00\",\"dateModified\":\"2023-08-10T13:16:44+00:00\",\"description\":\"Conhe\u00e7a mais sobre a nova extens\u00e3o do Figma no VSCode, e como ela vai mudar a integra\u00e7\u00e3o entre a \u00e1rea de design e a parte de desenvolvimento.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415#primaryimage\",\"url\":\"https:\\\/\\\/antlia.com.br\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Post-Figma.webp\",\"contentUrl\":\"https:\\\/\\\/antlia.com.br\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Post-Figma.webp\",\"width\":1200,\"height\":627,\"caption\":\"Figma Capa\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/antlia.com.br\\\/arquivos\\\/4415#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/antlia.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Figma no VSCode: A ferramenta definitiva para integra\u00e7\u00e3o entre design e desenvolvimento\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/\",\"name\":\"Antlia\",\"description\":\"Desenvolvimento de Software e Gamifica\u00e7\u00e3o\",\"publisher\":{\"@id\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/#organization\",\"name\":\"Antlia \u2013 Desenvolvimento de Software e Gamifica\u00e7\u00e3o\",\"url\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/antlia.com.br\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/LOGO_VETOR-01.png\",\"contentUrl\":\"https:\\\/\\\/antlia.com.br\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/LOGO_VETOR-01.png\",\"width\":3508,\"height\":2481,\"caption\":\"Antlia \u2013 Desenvolvimento de Software e Gamifica\u00e7\u00e3o\"},\"image\":{\"@id\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/antlia.consultoriaetecnologia\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/antlia_2\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/#\\\/schema\\\/person\\\/e6f3f5213b616ad9dabec354a059a7cf\",\"name\":\"Matheus Batista\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8eb8c953d7d5d0e9dabb48ec400a24b272880d9888fe9e3eff024c8724aca55e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8eb8c953d7d5d0e9dabb48ec400a24b272880d9888fe9e3eff024c8724aca55e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8eb8c953d7d5d0e9dabb48ec400a24b272880d9888fe9e3eff024c8724aca55e?s=96&d=mm&r=g\",\"caption\":\"Matheus Batista\"},\"sameAs\":[\"https:\\\/\\\/antlia.com.br\\\/\"],\"url\":\"https:\\\/\\\/antlia.com.br\\\/en\\\/arquivos\\\/author\\\/matheus\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Figma no VSCode: Integra\u00e7\u00e3o entre design e desenvolvimento - Antlia","description":"Conhe\u00e7a mais sobre a nova extens\u00e3o do Figma no VSCode, e como ela vai mudar a integra\u00e7\u00e3o entre a \u00e1rea de design e a parte de desenvolvimento.","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:\/\/antlia.com.br\/en\/arquivos\/4415\/","og_locale":"en_US","og_type":"article","og_title":"Figma no VSCode: Integra\u00e7\u00e3o entre design e desenvolvimento - Antlia","og_description":"Conhe\u00e7a mais sobre a nova extens\u00e3o do Figma no VSCode, e como ela vai mudar a integra\u00e7\u00e3o entre a \u00e1rea de design e a parte de desenvolvimento.","og_url":"https:\/\/antlia.com.br\/en\/arquivos\/4415\/","og_site_name":"Antlia","article_publisher":"https:\/\/www.facebook.com\/antlia.consultoriaetecnologia\/","article_published_time":"2023-07-10T12:55:26+00:00","article_modified_time":"2023-08-10T13:16:44+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/Post-Figma.webp","type":"image\/webp"}],"author":"Matheus Batista","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Matheus Batista","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/antlia.com.br\/arquivos\/4415#article","isPartOf":{"@id":"https:\/\/antlia.com.br\/arquivos\/4415"},"author":{"name":"Matheus Batista","@id":"https:\/\/antlia.com.br\/en\/#\/schema\/person\/e6f3f5213b616ad9dabec354a059a7cf"},"headline":"Figma no VSCode: A ferramenta definitiva para integra\u00e7\u00e3o entre design e desenvolvimento","datePublished":"2023-07-10T12:55:26+00:00","dateModified":"2023-08-10T13:16:44+00:00","mainEntityOfPage":{"@id":"https:\/\/antlia.com.br\/arquivos\/4415"},"wordCount":510,"commentCount":0,"publisher":{"@id":"https:\/\/antlia.com.br\/en\/#organization"},"image":{"@id":"https:\/\/antlia.com.br\/arquivos\/4415#primaryimage"},"thumbnailUrl":"https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/Post-Figma.webp","keywords":["design","ferramentas","programa\u00e7\u00e3o"],"articleSection":["Artigos"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/antlia.com.br\/arquivos\/4415#respond"]}]},{"@type":"WebPage","@id":"https:\/\/antlia.com.br\/arquivos\/4415","url":"https:\/\/antlia.com.br\/arquivos\/4415","name":"Figma no VSCode: Integra\u00e7\u00e3o entre design e desenvolvimento - Antlia","isPartOf":{"@id":"https:\/\/antlia.com.br\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/antlia.com.br\/arquivos\/4415#primaryimage"},"image":{"@id":"https:\/\/antlia.com.br\/arquivos\/4415#primaryimage"},"thumbnailUrl":"https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/Post-Figma.webp","datePublished":"2023-07-10T12:55:26+00:00","dateModified":"2023-08-10T13:16:44+00:00","description":"Conhe\u00e7a mais sobre a nova extens\u00e3o do Figma no VSCode, e como ela vai mudar a integra\u00e7\u00e3o entre a \u00e1rea de design e a parte de desenvolvimento.","breadcrumb":{"@id":"https:\/\/antlia.com.br\/arquivos\/4415#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/antlia.com.br\/arquivos\/4415"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/antlia.com.br\/arquivos\/4415#primaryimage","url":"https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/Post-Figma.webp","contentUrl":"https:\/\/antlia.com.br\/wp-content\/uploads\/2023\/07\/Post-Figma.webp","width":1200,"height":627,"caption":"Figma Capa"},{"@type":"BreadcrumbList","@id":"https:\/\/antlia.com.br\/arquivos\/4415#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/antlia.com.br\/"},{"@type":"ListItem","position":2,"name":"Figma no VSCode: A ferramenta definitiva para integra\u00e7\u00e3o entre design e desenvolvimento"}]},{"@type":"WebSite","@id":"https:\/\/antlia.com.br\/en\/#website","url":"https:\/\/antlia.com.br\/en\/","name":"Antlia","description":"Desenvolvimento de Software e Gamifica\u00e7\u00e3o","publisher":{"@id":"https:\/\/antlia.com.br\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/antlia.com.br\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/antlia.com.br\/en\/#organization","name":"Antlia \u2013 Desenvolvimento de Software e Gamifica\u00e7\u00e3o","url":"https:\/\/antlia.com.br\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/antlia.com.br\/en\/#\/schema\/logo\/image\/","url":"https:\/\/antlia.com.br\/wp-content\/uploads\/2024\/05\/LOGO_VETOR-01.png","contentUrl":"https:\/\/antlia.com.br\/wp-content\/uploads\/2024\/05\/LOGO_VETOR-01.png","width":3508,"height":2481,"caption":"Antlia \u2013 Desenvolvimento de Software e Gamifica\u00e7\u00e3o"},"image":{"@id":"https:\/\/antlia.com.br\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/antlia.consultoriaetecnologia\/","https:\/\/www.linkedin.com\/company\/antlia_2\/"]},{"@type":"Person","@id":"https:\/\/antlia.com.br\/en\/#\/schema\/person\/e6f3f5213b616ad9dabec354a059a7cf","name":"Matheus Batista","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8eb8c953d7d5d0e9dabb48ec400a24b272880d9888fe9e3eff024c8724aca55e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8eb8c953d7d5d0e9dabb48ec400a24b272880d9888fe9e3eff024c8724aca55e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8eb8c953d7d5d0e9dabb48ec400a24b272880d9888fe9e3eff024c8724aca55e?s=96&d=mm&r=g","caption":"Matheus Batista"},"sameAs":["https:\/\/antlia.com.br\/"],"url":"https:\/\/antlia.com.br\/en\/arquivos\/author\/matheus"}]}},"_links":{"self":[{"href":"https:\/\/antlia.com.br\/en\/wp-json\/wp\/v2\/posts\/4415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/antlia.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/antlia.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/antlia.com.br\/en\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/antlia.com.br\/en\/wp-json\/wp\/v2\/comments?post=4415"}],"version-history":[{"count":0,"href":"https:\/\/antlia.com.br\/en\/wp-json\/wp\/v2\/posts\/4415\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/antlia.com.br\/en\/wp-json\/wp\/v2\/media\/4421"}],"wp:attachment":[{"href":"https:\/\/antlia.com.br\/en\/wp-json\/wp\/v2\/media?parent=4415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/antlia.com.br\/en\/wp-json\/wp\/v2\/categories?post=4415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/antlia.com.br\/en\/wp-json\/wp\/v2\/tags?post=4415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}