{"componentChunkName":"component---src-templates-docs-js","path":"/es-es/integrations/chrome-extension","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"c0dfc363-2f67-59d2-9e5d-d29569e3599f","title":"Chrome Extension","slug":"/es-es/integrations/chrome-extension","locale":"es-ES"},"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\": \"Chrome Extension\",\n  \"metaTitle\": \"Chrome Extension | DesignerBox\",\n  \"metaDescription\": \"Genera imágenes y video de DesignerBox desde un panel lateral de Chrome en cualquier página: referencias con clic derecho, atajo de teclado y 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, \"Chrome Extension\"), mdx(\"p\", null, \"La \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"extensi\\xF3n de DesignerBox para Chrome\"), \" pone la generaci\\xF3n de im\\xE1genes y video en un panel lateral del navegador, para que puedas crear mientras navegas sin abrir la app. Usa tu cuenta y cr\\xE9ditos de DesignerBox 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\": \"El panel lateral de DesignerBox en Chrome, con las pestañas Image, Video, Character, Templates y Library\",\n    \"title\": \"El panel lateral de DesignerBox en Chrome, con las pestañas Image, Video, Character, Templates y 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 sesi\\xF3n\"), 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\"), \" desde la Chrome Web Store (Chrome 116 o m\\xE1s reciente).\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Inicia sesi\\xF3n en \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://designerbox.ai\"\n  }, \"https://designerbox.ai\"), \" en el mismo navegador; el panel detecta tu sesi\\xF3n autom\\xE1ticamente.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Abre el panel desde el icono de la barra de herramientas, con \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Alt+Shift+D\"), \", o escribiendo \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"db\"), \" en la barra de direcciones.\")), mdx(\"h2\", null, \"Lo que puedes hacer\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Genera desde cualquier lugar\"), \" - escribe un prompt en el panel lateral y genera im\\xE1genes o video sobre la p\\xE1gina en la que est\\xE9s.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Usa la p\\xE1gina como entrada\"), \" - haz clic derecho en cualquier imagen y elige \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Use image in DesignerBox\"), \" para agregarla como referencia, o haz clic derecho en un texto seleccionado para convertirlo en un prompt.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Referencia tus recursos\"), \" - escribe @ en el prompt para mencionar im\\xE1genes de tu biblioteca como referencias.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Aplica templates\"), \" - ejecuta los mismos templates curados que en la app.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Ll\\xE9vate los resultados\"), \" - copia un resultado al portapapeles o arr\\xE1stralo directamente a una p\\xE1gina o a tu escritorio; todo se guarda tambi\\xE9n en \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/es-es/features/brand-profile\"\n  }, \"My Library\"), \".\")), mdx(\"p\", null, \"Las generaciones de video y de personajes siguen ejecut\\xE1ndose en segundo plano, y la extensi\\xF3n te avisa cuando terminan.\"), mdx(\"h2\", null, \"Cr\\xE9ditos\"), mdx(\"p\", null, \"La extensi\\xF3n consume los mismos cr\\xE9ditos mensuales que la app; no hay una asignaci\\xF3n separada. Consulta \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/es-es/knowledge-base/plans-credits-and-limits\"\n  }, \"Planes, Cr\\xE9ditos y L\\xEDmites\"), \".\"), mdx(\"h2\", null, \"Relacionado\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/es-es/integrations/mcp\"\n  }, \"MCP\"), \" - conecta un asistente de AI a tu cuenta en lugar de un panel.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/es-es/features/image-generation\"\n  }, \"AI Image\"), \" - el compositor completo dentro de la app.\")));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Chrome Extension\"\nmetaTitle: \"Chrome Extension | DesignerBox\"\nmetaDescription: \"Genera imágenes y video de DesignerBox desde un panel lateral de Chrome en cualquier página: referencias con clic derecho, atajo de teclado y biblioteca.\"\norder: 4\n---\n\n# Chrome Extension\n\nLa **extensión de DesignerBox para Chrome** pone la generación de imágenes y video en un panel lateral del navegador, para que puedas crear mientras navegas sin abrir la app. Usa tu cuenta y créditos de DesignerBox existentes.\n\n![El panel lateral de DesignerBox en Chrome, con las pestañas Image, Video, Character, Templates y Library](../images/docs/chrome-extension.jpg)\n\n## Instala e inicia sesión\n\n1. Instala [DesignerBox: AI Image and Video Generator](https://chromewebstore.google.com/detail/lnfnpeldmeakchicdbemejmlgdpjefjp) desde la Chrome Web Store (Chrome 116 o más reciente).\n2. Inicia sesión en [https://designerbox.ai](https://designerbox.ai) en el mismo navegador; el panel detecta tu sesión automáticamente.\n3. Abre el panel desde el icono de la barra de herramientas, con **Alt+Shift+D**, o escribiendo `db` en la barra de direcciones.\n\n## Lo que puedes hacer\n\n- **Genera desde cualquier lugar** - escribe un prompt en el panel lateral y genera imágenes o video sobre la página en la que estés.\n- **Usa la página como entrada** - haz clic derecho en cualquier imagen y elige **Use image in DesignerBox** para agregarla como referencia, o haz clic derecho en un texto seleccionado para convertirlo en un prompt.\n- **Referencia tus recursos** - escribe @ en el prompt para mencionar imágenes de tu biblioteca como referencias.\n- **Aplica templates** - ejecuta los mismos templates curados que en la app.\n- **Llévate los resultados** - copia un resultado al portapapeles o arrástralo directamente a una página o a tu escritorio; todo se guarda también en [My Library](/es-es/features/brand-profile).\n\nLas generaciones de video y de personajes siguen ejecutándose en segundo plano, y la extensión te avisa cuando terminan.\n\n## Créditos\n\nLa extensión consume los mismos créditos mensuales que la app; no hay una asignación separada. Consulta [Planes, Créditos y Límites](/es-es/knowledge-base/plans-credits-and-limits).\n\n## Relacionado\n\n- [MCP](/es-es/integrations/mcp) - conecta un asistente de AI a tu cuenta en lugar de un panel.\n- [AI Image](/es-es/features/image-generation) - el compositor completo dentro de la app.\n","tableOfContents":{"items":[{"url":"#chrome-extension","title":"Chrome Extension","items":[{"url":"#instala-e-inicia-sesión","title":"Instala e inicia sesión"},{"url":"#lo-que-puedes-hacer","title":"Lo que puedes hacer"},{"url":"#créditos","title":"Créditos"},{"url":"#relacionado","title":"Relacionado"}]}]},"parent":{"__typename":"File","relativePath":"es-es/integrations/chrome-extension.md"},"frontmatter":{"metaTitle":"Chrome Extension | DesignerBox","metaDescription":"Genera imágenes y video de DesignerBox desde un panel lateral de Chrome en cualquier página: referencias con clic derecho, atajo de teclado y biblioteca.","order":4}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/es-es/features","title":"Funcionalidades"}}},{"node":{"fields":{"slug":"/es-es/integrations","title":"Integraciones"}}},{"node":{"fields":{"slug":"/es-es/guides","title":"Guías"}}},{"node":{"fields":{"slug":"/es-es/knowledge-base","title":"Base de Conocimiento"}}},{"node":{"fields":{"slug":"/es-es/pricing-faqs","title":"Preguntas Frecuentes sobre Precios"}}},{"node":{"fields":{"slug":"/es-es","title":"Documentación de DesignerBox"}}},{"node":{"fields":{"slug":"/es-es/knowledge-base/how-to-update-card-details","title":"Cómo Actualizar los Datos de Pago"}}},{"node":{"fields":{"slug":"/es-es/knowledge-base/referrals","title":"Referidos y Créditos Gratis"}}},{"node":{"fields":{"slug":"/es-es/knowledge-base/understanding-declined-card-payments","title":"Entender los Pagos con Tarjeta Rechazados"}}},{"node":{"fields":{"slug":"/es-es/knowledge-base/plans-credits-and-limits","title":"Planes, Créditos y Límites"}}},{"node":{"fields":{"slug":"/es-es/guides/create-your-first-image","title":"Crea Tu Primera Imagen"}}},{"node":{"fields":{"slug":"/es-es/guides/teams-and-brand-profiles","title":"Equipos y Brand Profiles"}}},{"node":{"fields":{"slug":"/es-es/guides/using-techniques-and-templates","title":"Uso de Techniques y Templates"}}},{"node":{"fields":{"slug":"/es-es/features/brand-profile","title":"Brand Profile y Biblioteca"}}},{"node":{"fields":{"slug":"/es-es/features/apps","title":"Apps"}}},{"node":{"fields":{"slug":"/es-es/features/community","title":"Community"}}},{"node":{"fields":{"slug":"/es-es/features/relighting-and-angles","title":"Relighting and Angles"}}},{"node":{"fields":{"slug":"/es-es/features/cinema-studio","title":"Cinema Studio"}}},{"node":{"fields":{"slug":"/es-es/features/gallery","title":"Gallery"}}},{"node":{"fields":{"slug":"/es-es/features/ai-assistant","title":"DesignerBox AI"}}},{"node":{"fields":{"slug":"/es-es/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/es-es/features/stock-and-audio","title":"Stock Library and Audio"}}},{"node":{"fields":{"slug":"/es-es/features/photo-packs","title":"Photo Packs"}}},{"node":{"fields":{"slug":"/es-es/guides/creating-videos","title":"Crear Videos"}}},{"node":{"fields":{"slug":"/es-es/features/skills","title":"Skills"}}},{"node":{"fields":{"slug":"/es-es/features/techniques-and-templates","title":"Techniques y Templates"}}},{"node":{"fields":{"slug":"/es-es/features/upscaling","title":"Upscaling"}}},{"node":{"fields":{"slug":"/es-es/features/video-studio","title":"Video Studio"}}},{"node":{"fields":{"slug":"/es-es/features/virtual-try-on","title":"Virtual Try-On"}}},{"node":{"fields":{"slug":"/es-es/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/es-es/integrations/api","title":"API"}}},{"node":{"fields":{"slug":"/es-es/integrations/white-label","title":"White-Label"}}},{"node":{"fields":{"slug":"/es-es/integrations/chrome-extension","title":"Chrome Extension"}}},{"node":{"fields":{"slug":"/es-es/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/es-es/integrations/mcp","title":"MCP"}}},{"node":{"fields":{"slug":"/es-es/features/workflows-and-canvas","title":"Workflows y el Lienzo"}}},{"node":{"fields":{"slug":"/es-es/guides/building-workflows-on-the-canvas","title":"Construir Flujos de Trabajo en el Lienzo"}}},{"node":{"fields":{"slug":"/es-es/features/workflows-and-canvas/node-types","title":"Tipos de Nodos"}}},{"node":{"fields":{"slug":"/es-es/features/image-generation/editing-modes","title":"Modos de Edición"}}}]}},"pageContext":{"id":"c0dfc363-2f67-59d2-9e5d-d29569e3599f","locale":"es-ES"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}