{"componentChunkName":"component---src-templates-docs-js","path":"/de-de/integrations/chrome-extension","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"3884ad11-c173-52d8-afee-3c36bc2f4619","title":"Chrome Extension","slug":"/de-de/integrations/chrome-extension","locale":"de-DE"},"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\": \"Generiere DesignerBox-Bilder und -Videos aus einem Chrome-Seitenpanel auf jeder Seite: Rechtsklick-Referenzen, Tastenkürzel und deine Bibliothek.\",\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, \"Die \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"DesignerBox Chrome Extension\"), \" bringt Bild- und Videogenerierung in ein Browser-Seitenpanel, sodass du beim Surfen erstellen kannst, ohne die App zu \\xF6ffnen. Sie nutzt dein bestehendes DesignerBox-Konto und deine Credits.\"), 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\": \"Das DesignerBox-Seitenpanel in Chrome, mit den Tabs Image, Video, Character, Templates und Library\",\n    \"title\": \"Das DesignerBox-Seitenpanel in Chrome, mit den Tabs Image, Video, Character, Templates und 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, \"Installieren und anmelden\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Installiere \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://chromewebstore.google.com/detail/lnfnpeldmeakchicdbemejmlgdpjefjp\"\n  }, \"DesignerBox: AI Image and Video Generator\"), \" aus dem Chrome Web Store (Chrome 116 oder neuer).\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Melde dich im selben Browser unter \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://designerbox.ai\"\n  }, \"https://designerbox.ai\"), \" an; das Panel \\xFCbernimmt deine Sitzung automatisch.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"\\xD6ffne das Panel \\xFCber das Symbol in der Werkzeugleiste, mit \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Alt+Shift+D\"), \" oder indem du \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"db\"), \" in die Adressleiste tippst.\")), mdx(\"h2\", null, \"Was du tun kannst\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"\\xDCberall generieren\"), \" - schreibe einen Prompt in das Seitenpanel und generiere Bilder oder Videos \\xFCber jeder beliebigen Seite.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Die Seite als Eingabe nutzen\"), \" - klicke mit rechts auf ein beliebiges Bild und w\\xE4hle \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Use image in DesignerBox\"), \", um es als Referenz hinzuzuf\\xFCgen, oder klicke mit rechts auf markierten Text, um daraus einen Prompt zu machen.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Deine Assets referenzieren\"), \" - tippe @ im Prompt, um Bilder aus deiner Bibliothek als Referenzen zu erw\\xE4hnen.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Templates anwenden\"), \" - dieselben kuratierten Templates wie in der App ausf\\xFChren.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Ergebnisse mitnehmen\"), \" - kopiere ein Ergebnis in die Zwischenablage oder ziehe es direkt auf eine Seite oder deinen Desktop; alles wird zus\\xE4tzlich in \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/de-de/features/brand-profile\"\n  }, \"My Library\"), \" gespeichert.\")), mdx(\"p\", null, \"Video- und Charakter-Generierungen laufen im Hintergrund weiter, und die Extension benachrichtigt dich, wenn sie fertig sind.\"), mdx(\"h2\", null, \"Credits\"), mdx(\"p\", null, \"Die Extension verbraucht dieselben monatlichen Credits wie die App; es gibt kein separates Kontingent. Siehe \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/de-de/knowledge-base/plans-credits-and-limits\"\n  }, \"Pl\\xE4ne, Credits und Limits\"), \".\"), mdx(\"h2\", null, \"Verwandt\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/de-de/integrations/mcp\"\n  }, \"MCP\"), \" - statt eines Panels einen AI-Assistenten mit deinem Konto verbinden.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/de-de/features/image-generation\"\n  }, \"AI Image\"), \" - der vollst\\xE4ndige Composer in der App.\")));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Chrome Extension\"\nmetaTitle: \"Chrome Extension | DesignerBox\"\nmetaDescription: \"Generiere DesignerBox-Bilder und -Videos aus einem Chrome-Seitenpanel auf jeder Seite: Rechtsklick-Referenzen, Tastenkürzel und deine Bibliothek.\"\norder: 4\n---\n\n# Chrome Extension\n\nDie **DesignerBox Chrome Extension** bringt Bild- und Videogenerierung in ein Browser-Seitenpanel, sodass du beim Surfen erstellen kannst, ohne die App zu öffnen. Sie nutzt dein bestehendes DesignerBox-Konto und deine Credits.\n\n![Das DesignerBox-Seitenpanel in Chrome, mit den Tabs Image, Video, Character, Templates und Library](../images/docs/chrome-extension.jpg)\n\n## Installieren und anmelden\n\n1. Installiere [DesignerBox: AI Image and Video Generator](https://chromewebstore.google.com/detail/lnfnpeldmeakchicdbemejmlgdpjefjp) aus dem Chrome Web Store (Chrome 116 oder neuer).\n2. Melde dich im selben Browser unter [https://designerbox.ai](https://designerbox.ai) an; das Panel übernimmt deine Sitzung automatisch.\n3. Öffne das Panel über das Symbol in der Werkzeugleiste, mit **Alt+Shift+D** oder indem du `db` in die Adressleiste tippst.\n\n## Was du tun kannst\n\n- **Überall generieren** - schreibe einen Prompt in das Seitenpanel und generiere Bilder oder Videos über jeder beliebigen Seite.\n- **Die Seite als Eingabe nutzen** - klicke mit rechts auf ein beliebiges Bild und wähle **Use image in DesignerBox**, um es als Referenz hinzuzufügen, oder klicke mit rechts auf markierten Text, um daraus einen Prompt zu machen.\n- **Deine Assets referenzieren** - tippe @ im Prompt, um Bilder aus deiner Bibliothek als Referenzen zu erwähnen.\n- **Templates anwenden** - dieselben kuratierten Templates wie in der App ausführen.\n- **Ergebnisse mitnehmen** - kopiere ein Ergebnis in die Zwischenablage oder ziehe es direkt auf eine Seite oder deinen Desktop; alles wird zusätzlich in [My Library](/de-de/features/brand-profile) gespeichert.\n\nVideo- und Charakter-Generierungen laufen im Hintergrund weiter, und die Extension benachrichtigt dich, wenn sie fertig sind.\n\n## Credits\n\nDie Extension verbraucht dieselben monatlichen Credits wie die App; es gibt kein separates Kontingent. Siehe [Pläne, Credits und Limits](/de-de/knowledge-base/plans-credits-and-limits).\n\n## Verwandt\n\n- [MCP](/de-de/integrations/mcp) - statt eines Panels einen AI-Assistenten mit deinem Konto verbinden.\n- [AI Image](/de-de/features/image-generation) - der vollständige Composer in der App.\n","tableOfContents":{"items":[{"url":"#chrome-extension","title":"Chrome Extension","items":[{"url":"#installieren-und-anmelden","title":"Installieren und anmelden"},{"url":"#was-du-tun-kannst","title":"Was du tun kannst"},{"url":"#credits","title":"Credits"},{"url":"#verwandt","title":"Verwandt"}]}]},"parent":{"__typename":"File","relativePath":"de-de/integrations/chrome-extension.md"},"frontmatter":{"metaTitle":"Chrome Extension | DesignerBox","metaDescription":"Generiere DesignerBox-Bilder und -Videos aus einem Chrome-Seitenpanel auf jeder Seite: Rechtsklick-Referenzen, Tastenkürzel und deine Bibliothek.","order":4}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/de-de/integrations","title":"Integrationen"}}},{"node":{"fields":{"slug":"/de-de/features","title":"Features"}}},{"node":{"fields":{"slug":"/de-de/pricing-faqs","title":"Preis-FAQs"}}},{"node":{"fields":{"slug":"/de-de/guides","title":"Anleitungen"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base","title":"Knowledge Base"}}},{"node":{"fields":{"slug":"/de-de","title":"DesignerBox Dokumentation"}}},{"node":{"fields":{"slug":"/de-de/features/cinema-studio","title":"Cinema Studio"}}},{"node":{"fields":{"slug":"/de-de/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/de-de/features/community","title":"Community"}}},{"node":{"fields":{"slug":"/de-de/features/gallery","title":"Gallery"}}},{"node":{"fields":{"slug":"/de-de/features/photo-packs","title":"Photo Packs"}}},{"node":{"fields":{"slug":"/de-de/features/relighting-and-angles","title":"Relighting und Winkel"}}},{"node":{"fields":{"slug":"/de-de/features/brand-profile","title":"Markenprofil und Bibliothek"}}},{"node":{"fields":{"slug":"/de-de/features/skills","title":"Skills"}}},{"node":{"fields":{"slug":"/de-de/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/de-de/features/stock-and-audio","title":"Stock Library und Audio"}}},{"node":{"fields":{"slug":"/de-de/features/upscaling","title":"Upscaling"}}},{"node":{"fields":{"slug":"/de-de/features/techniques-and-templates","title":"Techniken und Templates"}}},{"node":{"fields":{"slug":"/de-de/features/video-studio","title":"Video Studio"}}},{"node":{"fields":{"slug":"/de-de/features/apps","title":"Apps"}}},{"node":{"fields":{"slug":"/de-de/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/de-de/features/ai-assistant","title":"DesignerBox AI"}}},{"node":{"fields":{"slug":"/de-de/features/workflows-and-canvas","title":"Workflows und Canvas"}}},{"node":{"fields":{"slug":"/de-de/features/virtual-try-on","title":"Virtual Try-On"}}},{"node":{"fields":{"slug":"/de-de/guides/creating-videos","title":"Videos erstellen"}}},{"node":{"fields":{"slug":"/de-de/guides/teams-and-brand-profiles","title":"Teams und Markenprofile"}}},{"node":{"fields":{"slug":"/de-de/guides/create-your-first-image","title":"Dein erstes Bild erstellen"}}},{"node":{"fields":{"slug":"/de-de/guides/building-workflows-on-the-canvas","title":"Workflows auf dem Canvas bauen"}}},{"node":{"fields":{"slug":"/de-de/guides/using-techniques-and-templates","title":"Techniken und Templates verwenden"}}},{"node":{"fields":{"slug":"/de-de/integrations/api","title":"API"}}},{"node":{"fields":{"slug":"/de-de/integrations/chrome-extension","title":"Chrome Extension"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base/plans-credits-and-limits","title":"Pläne, Credits und Limits"}}},{"node":{"fields":{"slug":"/de-de/integrations/white-label","title":"White-Label"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base/referrals","title":"Empfehlungen und Gratis-Credits"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base/understanding-declined-card-payments","title":"Abgelehnte Kartenzahlungen verstehen"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base/how-to-update-card-details","title":"Kartendaten aktualisieren"}}},{"node":{"fields":{"slug":"/de-de/integrations/mcp","title":"MCP"}}},{"node":{"fields":{"slug":"/de-de/features/workflows-and-canvas/node-types","title":"Node-Typen"}}},{"node":{"fields":{"slug":"/de-de/features/image-generation/editing-modes","title":"Bearbeitungsmodi"}}}]}},"pageContext":{"id":"3884ad11-c173-52d8-afee-3c36bc2f4619","locale":"de-DE"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}