{"componentChunkName":"component---src-templates-docs-js","path":"/pt-pt/integrations/chrome-extension","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"0c6ba74a-76a2-5421-ae09-952d867748c9","title":"Extensão Chrome","slug":"/pt-pt/integrations/chrome-extension","locale":"pt-PT"},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"Extensão Chrome\",\n  \"metaTitle\": \"Extensão Chrome | DesignerBox\",\n  \"metaDescription\": \"Gera imagens e vídeo DesignerBox num painel lateral do Chrome em qualquer página: referências por clique direito, atalho de teclado e a tua biblioteca.\",\n  \"order\": 4\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"Extens\\xE3o Chrome\"), mdx(\"p\", null, \"A \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"extens\\xE3o Chrome do DesignerBox\"), \" coloca a gera\\xE7\\xE3o de imagens e v\\xEDdeo num painel lateral do navegador, para que possas criar enquanto navegas sem abrir a aplica\\xE7\\xE3o. Usa a tua conta DesignerBox e os teus cr\\xE9ditos existentes.\"), mdx(\"p\", null, mdx(\"span\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"800px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/docs/static/f8a4413a482934f8ade8e6c3d5e53813/eea4a/chrome-extension.jpg\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"62.5%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIDBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHGEtUhQ//EABkQAAIDAQAAAAAAAAAAAAAAAAIDAAESIP/aAAgBAQABBQLN8C4hXP/EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABkQAAEFAAAAAAAAAAAAAAAAAAECECAxQf/aAAgBAQAGPwLIFAot/8QAGBABAQEBAQAAAAAAAAAAAAAAAQARIZH/2gAIAQEAAT8hS7vqBSXsyVdtbd7f/9oADAMBAAIAAwAAABCA3//EABYRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAgBAwEBPxCNr//EABYRAQEBAAAAAAAAAAAAAAAAAAARMf/aAAgBAgEBPxDFf//EABsQAQACAgMAAAAAAAAAAAAAAAEAESExUXHR/9oACAEBAAE/EBbV9YYDOUs9iCHYwVAXA+aKSlV2s//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"O painel lateral DesignerBox no Chrome, com os separadores Image, Video, Character, Templates e Library\",\n    \"title\": \"O painel lateral DesignerBox no Chrome, com os separadores Image, Video, Character, Templates e Library\",\n    \"src\": \"/docs/static/f8a4413a482934f8ade8e6c3d5e53813/4b190/chrome-extension.jpg\",\n    \"srcSet\": [\"/docs/static/f8a4413a482934f8ade8e6c3d5e53813/e07e9/chrome-extension.jpg 200w\", \"/docs/static/f8a4413a482934f8ade8e6c3d5e53813/066f9/chrome-extension.jpg 400w\", \"/docs/static/f8a4413a482934f8ade8e6c3d5e53813/4b190/chrome-extension.jpg 800w\", \"/docs/static/f8a4413a482934f8ade8e6c3d5e53813/e5166/chrome-extension.jpg 1200w\", \"/docs/static/f8a4413a482934f8ade8e6c3d5e53813/eea4a/chrome-extension.jpg 1280w\"],\n    \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \")), mdx(\"h2\", null, \"Instala e inicia sess\\xE3o\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Instala \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://chromewebstore.google.com/detail/lnfnpeldmeakchicdbemejmlgdpjefjp\"\n  }, \"DesignerBox: AI Image and Video Generator\"), \" a partir da Chrome Web Store (Chrome 116 ou mais recente).\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Inicia sess\\xE3o em \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://designerbox.ai\"\n  }, \"https://designerbox.ai\"), \" no mesmo navegador; o painel deteta a tua sess\\xE3o automaticamente.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Abre o painel a partir do \\xEDcone na barra de ferramentas, com \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Alt+Shift+D\"), \", ou escrevendo \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"db\"), \" na barra de endere\\xE7o.\")), mdx(\"h2\", null, \"O que podes fazer\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Gerar a partir de qualquer lugar\"), \" - escreve um prompt no painel lateral e gera imagens ou v\\xEDdeo sobre qualquer p\\xE1gina em que estejas.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Usar a p\\xE1gina como entrada\"), \" - clica com o bot\\xE3o direito em qualquer imagem e escolhe \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Use image in DesignerBox\"), \" para a adicionar como refer\\xEAncia, ou clica com o bot\\xE3o direito em texto selecionado para o transformar num prompt.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Referenciar os teus recursos\"), \" - escreve @ no prompt para mencionar imagens da tua biblioteca como refer\\xEAncias.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Aplicar modelos\"), \" - executa os mesmos modelos curados que a aplica\\xE7\\xE3o.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Levar os resultados contigo\"), \" - copia um resultado para a \\xE1rea de transfer\\xEAncia ou arrasta-o diretamente para uma p\\xE1gina ou para o teu ambiente de trabalho; tudo fica tamb\\xE9m guardado em \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/pt-pt/features/brand-profile\"\n  }, \"My Library\"), \".\")), mdx(\"p\", null, \"As gera\\xE7\\xF5es de v\\xEDdeo e de personagens continuam a correr em segundo plano, e a extens\\xE3o notifica-te quando terminam.\"), mdx(\"h2\", null, \"Cr\\xE9ditos\"), mdx(\"p\", null, \"A extens\\xE3o gasta os mesmos cr\\xE9ditos mensais que a aplica\\xE7\\xE3o; n\\xE3o h\\xE1 um limite separado. Consulta \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/pt-pt/knowledge-base/plans-credits-and-limits\"\n  }, \"Planos, Cr\\xE9ditos e Limites\"), \".\"), mdx(\"h2\", null, \"Relacionados\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/pt-pt/integrations/mcp\"\n  }, \"MCP\"), \" - liga um assistente de AI \\xE0 tua conta em vez de um painel.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/pt-pt/features/image-generation\"\n  }, \"AI Image\"), \" - o compositor completo na aplica\\xE7\\xE3o.\")));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Extensão Chrome\"\nmetaTitle: \"Extensão Chrome | DesignerBox\"\nmetaDescription: \"Gera imagens e vídeo DesignerBox num painel lateral do Chrome em qualquer página: referências por clique direito, atalho de teclado e a tua biblioteca.\"\norder: 4\n---\n\n# Extensão Chrome\n\nA **extensão Chrome do DesignerBox** coloca a geração de imagens e vídeo num painel lateral do navegador, para que possas criar enquanto navegas sem abrir a aplicação. Usa a tua conta DesignerBox e os teus créditos existentes.\n\n![O painel lateral DesignerBox no Chrome, com os separadores Image, Video, Character, Templates e Library](../images/docs/chrome-extension.jpg)\n\n## Instala e inicia sessão\n\n1. Instala [DesignerBox: AI Image and Video Generator](https://chromewebstore.google.com/detail/lnfnpeldmeakchicdbemejmlgdpjefjp) a partir da Chrome Web Store (Chrome 116 ou mais recente).\n2. Inicia sessão em [https://designerbox.ai](https://designerbox.ai) no mesmo navegador; o painel deteta a tua sessão automaticamente.\n3. Abre o painel a partir do ícone na barra de ferramentas, com **Alt+Shift+D**, ou escrevendo `db` na barra de endereço.\n\n## O que podes fazer\n\n- **Gerar a partir de qualquer lugar** - escreve um prompt no painel lateral e gera imagens ou vídeo sobre qualquer página em que estejas.\n- **Usar a página como entrada** - clica com o botão direito em qualquer imagem e escolhe **Use image in DesignerBox** para a adicionar como referência, ou clica com o botão direito em texto selecionado para o transformar num prompt.\n- **Referenciar os teus recursos** - escreve @ no prompt para mencionar imagens da tua biblioteca como referências.\n- **Aplicar modelos** - executa os mesmos modelos curados que a aplicação.\n- **Levar os resultados contigo** - copia um resultado para a área de transferência ou arrasta-o diretamente para uma página ou para o teu ambiente de trabalho; tudo fica também guardado em [My Library](/pt-pt/features/brand-profile).\n\nAs gerações de vídeo e de personagens continuam a correr em segundo plano, e a extensão notifica-te quando terminam.\n\n## Créditos\n\nA extensão gasta os mesmos créditos mensais que a aplicação; não há um limite separado. Consulta [Planos, Créditos e Limites](/pt-pt/knowledge-base/plans-credits-and-limits).\n\n## Relacionados\n\n- [MCP](/pt-pt/integrations/mcp) - liga um assistente de AI à tua conta em vez de um painel.\n- [AI Image](/pt-pt/features/image-generation) - o compositor completo na aplicação.\n","tableOfContents":{"items":[{"url":"#extensão-chrome","title":"Extensão Chrome","items":[{"url":"#instala-e-inicia-sessão","title":"Instala e inicia sessão"},{"url":"#o-que-podes-fazer","title":"O que podes fazer"},{"url":"#créditos","title":"Créditos"},{"url":"#relacionados","title":"Relacionados"}]}]},"parent":{"__typename":"File","relativePath":"pt-pt/integrations/chrome-extension.md"},"frontmatter":{"metaTitle":"Extensão Chrome | DesignerBox","metaDescription":"Gera imagens e vídeo DesignerBox num painel lateral do Chrome em qualquer página: referências por clique direito, atalho de teclado e a tua biblioteca.","order":4}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/pt-pt/features","title":"Funcionalidades"}}},{"node":{"fields":{"slug":"/pt-pt/guides","title":"Guias"}}},{"node":{"fields":{"slug":"/pt-pt/knowledge-base","title":"Base de Conhecimento"}}},{"node":{"fields":{"slug":"/pt-pt/integrations","title":"Integrações"}}},{"node":{"fields":{"slug":"/pt-pt/pricing-faqs","title":"FAQs de Preços"}}},{"node":{"fields":{"slug":"/pt-pt/guides/creating-videos","title":"Criar Vídeos"}}},{"node":{"fields":{"slug":"/pt-pt/guides/create-your-first-image","title":"Cria a Tua Primeira Imagem"}}},{"node":{"fields":{"slug":"/pt-pt/guides/teams-and-brand-profiles","title":"Equipas e Perfis de Marca"}}},{"node":{"fields":{"slug":"/pt-pt/features/ai-assistant","title":"DesignerBox AI"}}},{"node":{"fields":{"slug":"/pt-pt/features/apps","title":"Apps"}}},{"node":{"fields":{"slug":"/pt-pt/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/pt-pt/guides/using-techniques-and-templates","title":"Utilizar Técnicas e Modelos"}}},{"node":{"fields":{"slug":"/pt-pt/features/brand-profile","title":"Perfil de Marca e Biblioteca"}}},{"node":{"fields":{"slug":"/pt-pt/features/photo-packs","title":"Photo Packs"}}},{"node":{"fields":{"slug":"/pt-pt/features/gallery","title":"Gallery"}}},{"node":{"fields":{"slug":"/pt-pt/guides/building-workflows-on-the-canvas","title":"Criar Fluxos de Trabalho na Tela"}}},{"node":{"fields":{"slug":"/pt-pt/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/pt-pt/features/cinema-studio","title":"Cinema Studio"}}},{"node":{"fields":{"slug":"/pt-pt/features/relighting-and-angles","title":"Iluminação e Ângulos"}}},{"node":{"fields":{"slug":"/pt-pt/features/skills","title":"Skills"}}},{"node":{"fields":{"slug":"/pt-pt/features/stock-and-audio","title":"Stock Library and Audio"}}},{"node":{"fields":{"slug":"/pt-pt/features/upscaling","title":"Ampliação"}}},{"node":{"fields":{"slug":"/pt-pt/features/video-studio","title":"Video Studio"}}},{"node":{"fields":{"slug":"/pt-pt/features/techniques-and-templates","title":"Técnicas e Modelos"}}},{"node":{"fields":{"slug":"/pt-pt/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/pt-pt/features/community","title":"Comunidade"}}},{"node":{"fields":{"slug":"/pt-pt/features/workflows-and-canvas","title":"Fluxos de Trabalho e a Tela"}}},{"node":{"fields":{"slug":"/pt-pt/integrations/chrome-extension","title":"Extensão Chrome"}}},{"node":{"fields":{"slug":"/pt-pt/integrations/mcp","title":"MCP"}}},{"node":{"fields":{"slug":"/pt-pt/integrations/api","title":"API"}}},{"node":{"fields":{"slug":"/pt-pt/features/virtual-try-on","title":"Virtual Try-On"}}},{"node":{"fields":{"slug":"/pt-pt/knowledge-base/plans-credits-and-limits","title":"Planos, Créditos e Limites"}}},{"node":{"fields":{"slug":"/pt-pt/integrations/white-label","title":"Marca Branca"}}},{"node":{"fields":{"slug":"/pt-pt/knowledge-base/referrals","title":"Referrals and Free Credits"}}},{"node":{"fields":{"slug":"/pt-pt/knowledge-base/understanding-declined-card-payments","title":"Compreender Pagamentos Recusados"}}},{"node":{"fields":{"slug":"/pt-pt/knowledge-base/how-to-update-card-details","title":"Como Atualizar os Dados do Cartão"}}},{"node":{"fields":{"slug":"/pt-pt/features/workflows-and-canvas/node-types","title":"Tipos de Nós"}}},{"node":{"fields":{"slug":"/pt-pt/features/image-generation/editing-modes","title":"Modos de Edição"}}},{"node":{"fields":{"slug":"/pt-pt","title":"Documentação DesignerBox"}}}]}},"pageContext":{"id":"0c6ba74a-76a2-5421-ae09-952d867748c9","locale":"pt-PT"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}