{"componentChunkName":"component---src-templates-docs-js","path":"/fr-fr/integrations/chrome-extension","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"4f234898-4bba-5d74-92b4-31f9c733891d","title":"Extension Chrome","slug":"/fr-fr/integrations/chrome-extension","locale":"fr-FR"},"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\": \"Extension Chrome\",\n  \"metaTitle\": \"Extension Chrome | DesignerBox\",\n  \"metaDescription\": \"Générez images et vidéos DesignerBox depuis un panneau latéral Chrome sur toute page : références par clic droit, raccourci clavier et votre bibliothèque.\",\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, \"Extension Chrome\"), mdx(\"p\", null, \"L'\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"extension Chrome DesignerBox\"), \" place la g\\xE9n\\xE9ration d'images et de vid\\xE9os dans un panneau lat\\xE9ral du navigateur, pour cr\\xE9er pendant que vous naviguez sans ouvrir l'application. Elle utilise votre compte et vos cr\\xE9dits DesignerBox existants.\"), 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\": \"Le panneau latéral DesignerBox dans Chrome, avec les onglets Image, Video, Character, Templates et Library\",\n    \"title\": \"Le panneau latéral DesignerBox dans Chrome, avec les onglets Image, Video, Character, Templates et 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, \"Installer et se connecter\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Installez \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://chromewebstore.google.com/detail/lnfnpeldmeakchicdbemejmlgdpjefjp\"\n  }, \"DesignerBox: AI Image and Video Generator\"), \" depuis le Chrome Web Store (Chrome 116 ou plus r\\xE9cent).\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Connectez-vous sur \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://designerbox.ai\"\n  }, \"https://designerbox.ai\"), \" dans le m\\xEAme navigateur ; le panneau r\\xE9cup\\xE8re votre session automatiquement.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Ouvrez le panneau depuis l'ic\\xF4ne de la barre d'outils, avec \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Alt+Shift+D\"), \", ou en tapant \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"db\"), \" dans la barre d'adresse.\")), mdx(\"h2\", null, \"Ce que vous pouvez faire\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"G\\xE9n\\xE9rer depuis n'importe o\\xF9\"), \" - r\\xE9digez une invite dans le panneau lat\\xE9ral et g\\xE9n\\xE9rez des images ou des vid\\xE9os par-dessus la page o\\xF9 vous vous trouvez.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Utiliser la page comme entr\\xE9e\"), \" - faites un clic droit sur n'importe quelle image et choisissez \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Use image in DesignerBox\"), \" pour l'ajouter comme r\\xE9f\\xE9rence, ou faites un clic droit sur du texte s\\xE9lectionn\\xE9 pour le transformer en invite.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"R\\xE9f\\xE9rencer vos ressources\"), \" - tapez @ dans l'invite pour mentionner des images de votre biblioth\\xE8que comme r\\xE9f\\xE9rences.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Appliquer des mod\\xE8les\"), \" - ex\\xE9cutez les m\\xEAmes mod\\xE8les s\\xE9lectionn\\xE9s avec soin que dans l'application.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Emporter vos r\\xE9sultats\"), \" - copiez un r\\xE9sultat dans le presse-papiers ou faites-le glisser directement sur une page ou votre bureau ; tout est \\xE9galement sauvegard\\xE9 dans \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/fr-fr/features/brand-profile\"\n  }, \"My Library\"), \".\")), mdx(\"p\", null, \"Les g\\xE9n\\xE9rations de vid\\xE9os et de personnages continuent de s'ex\\xE9cuter en arri\\xE8re-plan, et l'extension vous notifie quand elles se terminent.\"), mdx(\"h2\", null, \"Cr\\xE9dits\"), mdx(\"p\", null, \"L'extension consomme les m\\xEAmes cr\\xE9dits mensuels que l'application ; il n'y a pas de quota s\\xE9par\\xE9. Consultez \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/fr-fr/knowledge-base/plans-credits-and-limits\"\n  }, \"Abonnements, cr\\xE9dits et limites\"), \".\"), mdx(\"h2\", null, \"En relation\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/fr-fr/integrations/mcp\"\n  }, \"MCP\"), \" - connectez un assistant AI \\xE0 votre compte plut\\xF4t qu'un panneau.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/fr-fr/features/image-generation\"\n  }, \"AI Image\"), \" - le compositeur complet dans l'application.\")));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Extension Chrome\"\nmetaTitle: \"Extension Chrome | DesignerBox\"\nmetaDescription: \"Générez images et vidéos DesignerBox depuis un panneau latéral Chrome sur toute page : références par clic droit, raccourci clavier et votre bibliothèque.\"\norder: 4\n---\n\n# Extension Chrome\n\nL'**extension Chrome DesignerBox** place la génération d'images et de vidéos dans un panneau latéral du navigateur, pour créer pendant que vous naviguez sans ouvrir l'application. Elle utilise votre compte et vos crédits DesignerBox existants.\n\n![Le panneau latéral DesignerBox dans Chrome, avec les onglets Image, Video, Character, Templates et Library](../images/docs/chrome-extension.jpg)\n\n## Installer et se connecter\n\n1. Installez [DesignerBox: AI Image and Video Generator](https://chromewebstore.google.com/detail/lnfnpeldmeakchicdbemejmlgdpjefjp) depuis le Chrome Web Store (Chrome 116 ou plus récent).\n2. Connectez-vous sur [https://designerbox.ai](https://designerbox.ai) dans le même navigateur ; le panneau récupère votre session automatiquement.\n3. Ouvrez le panneau depuis l'icône de la barre d'outils, avec **Alt+Shift+D**, ou en tapant `db` dans la barre d'adresse.\n\n## Ce que vous pouvez faire\n\n- **Générer depuis n'importe où** - rédigez une invite dans le panneau latéral et générez des images ou des vidéos par-dessus la page où vous vous trouvez.\n- **Utiliser la page comme entrée** - faites un clic droit sur n'importe quelle image et choisissez **Use image in DesignerBox** pour l'ajouter comme référence, ou faites un clic droit sur du texte sélectionné pour le transformer en invite.\n- **Référencer vos ressources** - tapez @ dans l'invite pour mentionner des images de votre bibliothèque comme références.\n- **Appliquer des modèles** - exécutez les mêmes modèles sélectionnés avec soin que dans l'application.\n- **Emporter vos résultats** - copiez un résultat dans le presse-papiers ou faites-le glisser directement sur une page ou votre bureau ; tout est également sauvegardé dans [My Library](/fr-fr/features/brand-profile).\n\nLes générations de vidéos et de personnages continuent de s'exécuter en arrière-plan, et l'extension vous notifie quand elles se terminent.\n\n## Crédits\n\nL'extension consomme les mêmes crédits mensuels que l'application ; il n'y a pas de quota séparé. Consultez [Abonnements, crédits et limites](/fr-fr/knowledge-base/plans-credits-and-limits).\n\n## En relation\n\n- [MCP](/fr-fr/integrations/mcp) - connectez un assistant AI à votre compte plutôt qu'un panneau.\n- [AI Image](/fr-fr/features/image-generation) - le compositeur complet dans l'application.\n","tableOfContents":{"items":[{"url":"#extension-chrome","title":"Extension Chrome","items":[{"url":"#installer-et-se-connecter","title":"Installer et se connecter"},{"url":"#ce-que-vous-pouvez-faire","title":"Ce que vous pouvez faire"},{"url":"#crédits","title":"Crédits"},{"url":"#en-relation","title":"En relation"}]}]},"parent":{"__typename":"File","relativePath":"fr-fr/integrations/chrome-extension.md"},"frontmatter":{"metaTitle":"Extension Chrome | DesignerBox","metaDescription":"Générez images et vidéos DesignerBox depuis un panneau latéral Chrome sur toute page : références par clic droit, raccourci clavier et votre bibliothèque.","order":4}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/fr-fr/features","title":"Fonctionnalités"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base","title":"Base de connaissances"}}},{"node":{"fields":{"slug":"/fr-fr/integrations","title":"Intégrations"}}},{"node":{"fields":{"slug":"/fr-fr/guides","title":"Guides"}}},{"node":{"fields":{"slug":"/fr-fr/pricing-faqs","title":"FAQ Tarifs"}}},{"node":{"fields":{"slug":"/fr-fr","title":"Documentation DesignerBox"}}},{"node":{"fields":{"slug":"/fr-fr/features/ai-assistant","title":"DesignerBox AI"}}},{"node":{"fields":{"slug":"/fr-fr/features/brand-profile","title":"Profil de marque et bibliothèque"}}},{"node":{"fields":{"slug":"/fr-fr/features/apps","title":"Apps"}}},{"node":{"fields":{"slug":"/fr-fr/features/photo-packs","title":"Photo Packs"}}},{"node":{"fields":{"slug":"/fr-fr/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/fr-fr/features/cinema-studio","title":"Cinema Studio"}}},{"node":{"fields":{"slug":"/fr-fr/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/fr-fr/features/gallery","title":"Gallery"}}},{"node":{"fields":{"slug":"/fr-fr/features/relighting-and-angles","title":"Éclairage et angles"}}},{"node":{"fields":{"slug":"/fr-fr/features/community","title":"Community"}}},{"node":{"fields":{"slug":"/fr-fr/features/techniques-and-templates","title":"Techniques et modèles"}}},{"node":{"fields":{"slug":"/fr-fr/features/skills","title":"Skills"}}},{"node":{"fields":{"slug":"/fr-fr/features/stock-and-audio","title":"Stock Library and Audio"}}},{"node":{"fields":{"slug":"/fr-fr/features/video-studio","title":"Video Studio"}}},{"node":{"fields":{"slug":"/fr-fr/features/virtual-try-on","title":"Essayage virtuel"}}},{"node":{"fields":{"slug":"/fr-fr/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/fr-fr/guides/building-workflows-on-the-canvas","title":"Construire des flux de travail sur le canevas"}}},{"node":{"fields":{"slug":"/fr-fr/features/upscaling","title":"Mise à l'échelle"}}},{"node":{"fields":{"slug":"/fr-fr/guides/creating-videos","title":"Créer des vidéos"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base/how-to-update-card-details","title":"Comment mettre à jour vos coordonnées bancaires"}}},{"node":{"fields":{"slug":"/fr-fr/features/workflows-and-canvas","title":"Flux de travail et canevas"}}},{"node":{"fields":{"slug":"/fr-fr/guides/using-techniques-and-templates","title":"Utiliser les techniques et modèles"}}},{"node":{"fields":{"slug":"/fr-fr/guides/teams-and-brand-profiles","title":"Équipes et profils de marque"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base/understanding-declined-card-payments","title":"Comprendre les paiements par carte refusés"}}},{"node":{"fields":{"slug":"/fr-fr/guides/create-your-first-image","title":"Créer votre première image"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base/plans-credits-and-limits","title":"Abonnements, crédits et limites"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base/referrals","title":"Parrainage et crédits gratuits"}}},{"node":{"fields":{"slug":"/fr-fr/integrations/api","title":"API"}}},{"node":{"fields":{"slug":"/fr-fr/integrations/white-label","title":"Marque blanche"}}},{"node":{"fields":{"slug":"/fr-fr/integrations/chrome-extension","title":"Extension Chrome"}}},{"node":{"fields":{"slug":"/fr-fr/integrations/mcp","title":"MCP"}}},{"node":{"fields":{"slug":"/fr-fr/features/workflows-and-canvas/node-types","title":"Types de noeuds"}}},{"node":{"fields":{"slug":"/fr-fr/features/image-generation/editing-modes","title":"Modes d'édition"}}}]}},"pageContext":{"id":"4f234898-4bba-5d74-92b4-31f9c733891d","locale":"fr-FR"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}