{"componentChunkName":"component---src-templates-docs-js","path":"/de-de/features/workflows-and-canvas/node-types","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"d1de3e57-a51a-559e-a227-8b216df91552","title":"Node-Typen","slug":"/de-de/features/workflows-and-canvas/node-types","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\": \"Node-Typen\",\n  \"metaTitle\": \"Canvas-Node-Typen | DesignerBox\",\n  \"metaDescription\": \"Die Bausteine des DesignerBox-Canvas: Quell-, Batch-, Hintergrundentfernung-, Relight-, Upscale-, Video-Nodes und mehr.\",\n  \"order\": 1\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, \"Node-Typen\"), mdx(\"p\", null, \"Nodes sind die Bausteine eines \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/de-de/features/workflows-and-canvas\"\n  }, \"Workflows\"), \". Jeder erfullt eine Aufgabe, und du verbindest sie auf dem Canvas so, dass das Ergebnis eines Nodes zum Eingang des nachsten wird.\"), 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/f0da9ad076c0543e48e886706fa0df9f/356e8/workflow-canvas.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\": \"56.49999999999999%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAECBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAeFlCqP/xAAWEAADAAAAAAAAAAAAAAAAAAABESD/2gAIAQEAAQUCKr//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAUEAEAAAAAAAAAAAAAAAAAAAAg/9oACAEBAAY/Al//xAAXEAEAAwAAAAAAAAAAAAAAAAABESAh/9oACAEBAAE/IQAh23//2gAMAwEAAgADAAAAEBDP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGhAAAgIDAAAAAAAAAAAAAAAAAAERIRBRgf/aAAgBAQABPxCwBldzBC2dyz//2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Ein Funf-Knoten-Workflow in DesignerBox: Product Photos, Batch, Remove Background, Studio Lighting, HD Upscale\",\n    \"title\": \"Ein Funf-Knoten-Workflow in DesignerBox: Product Photos, Batch, Remove Background, Studio Lighting, HD Upscale\",\n    \"src\": \"/docs/static/f0da9ad076c0543e48e886706fa0df9f/4b190/workflow-canvas.jpg\",\n    \"srcSet\": [\"/docs/static/f0da9ad076c0543e48e886706fa0df9f/e07e9/workflow-canvas.jpg 200w\", \"/docs/static/f0da9ad076c0543e48e886706fa0df9f/066f9/workflow-canvas.jpg 400w\", \"/docs/static/f0da9ad076c0543e48e886706fa0df9f/4b190/workflow-canvas.jpg 800w\", \"/docs/static/f0da9ad076c0543e48e886706fa0df9f/e5166/workflow-canvas.jpg 1200w\", \"/docs/static/f0da9ad076c0543e48e886706fa0df9f/356e8/workflow-canvas.jpg 1512w\"],\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, \"Nodes in der Beispiel-Pipeline\"), mdx(\"p\", null, \"Der oben gezeigte Produkt-Fotografie-Workflow verkettet funf Nodes:\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Product Photos\"), \" - der Quell-Node, der dein hochgeladenes Bild in den Workflow bringt.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Batch\"), \" - erzeugt in einem Schritt mehrere Variationen aus dem Eingang.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Remove Background\"), \" - schneidet das Motiv aus seinem Hintergrund heraus.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Studio Lighting\"), \" - beleuchtet das Motiv mit einem gewunschten Beleuchtungssetup neu.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"HD Upscale\"), \" - erhoht Auflosung und Details fur das Endergebnis.\")), mdx(\"h2\", null, \"Weitere gangige Nodes\"), mdx(\"p\", null, \"Offne \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add Node\"), \", um die vollstandige Palette zu sehen. Daruber hinaus kannst du Folgendes hinzufugen:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Image to image\"), \" - ein Eingabebild mithilfe eines Prompts transformieren.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Text\"), \" - einen Prompt oder eine Anweisung bereitstellen, der einen anderen Node speist.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Video generator\"), \" - einen Frame oder einen Prompt in ein Video verwandeln.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"AI Character\"), \" - einen generierten Charakter in die Pipeline einbringen.\")), mdx(\"p\", null, \"Verbinde diese der Reihe nach, um aus einem rohen Upload ein fertiges, markentreues Ergebnis zu machen, und speichere dann den Workflow, um ihn erneut auszufuhren.\"), mdx(\"h2\", null, \"Verwandt\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/de-de/features/workflows-and-canvas\"\n  }, \"Workflows und Canvas\"), \" - wie man einen Workflow aufbaut und ausfuhrt.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/de-de/features/community\"\n  }, \"Community\"), \" - Node-basierte Workflows kopieren, die andere geteilt haben.\")));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Node-Typen\"\nmetaTitle: \"Canvas-Node-Typen | DesignerBox\"\nmetaDescription: \"Die Bausteine des DesignerBox-Canvas: Quell-, Batch-, Hintergrundentfernung-, Relight-, Upscale-, Video-Nodes und mehr.\"\norder: 1\n---\n\n# Node-Typen\n\nNodes sind die Bausteine eines [Workflows](/de-de/features/workflows-and-canvas). Jeder erfullt eine Aufgabe, und du verbindest sie auf dem Canvas so, dass das Ergebnis eines Nodes zum Eingang des nachsten wird.\n\n![Ein Funf-Knoten-Workflow in DesignerBox: Product Photos, Batch, Remove Background, Studio Lighting, HD Upscale](../../images/docs/workflow-canvas.jpg)\n\n## Nodes in der Beispiel-Pipeline\n\nDer oben gezeigte Produkt-Fotografie-Workflow verkettet funf Nodes:\n\n1. **Product Photos** - der Quell-Node, der dein hochgeladenes Bild in den Workflow bringt.\n2. **Batch** - erzeugt in einem Schritt mehrere Variationen aus dem Eingang.\n3. **Remove Background** - schneidet das Motiv aus seinem Hintergrund heraus.\n4. **Studio Lighting** - beleuchtet das Motiv mit einem gewunschten Beleuchtungssetup neu.\n5. **HD Upscale** - erhoht Auflosung und Details fur das Endergebnis.\n\n## Weitere gangige Nodes\n\nOffne **Add Node**, um die vollstandige Palette zu sehen. Daruber hinaus kannst du Folgendes hinzufugen:\n\n- **Image to image** - ein Eingabebild mithilfe eines Prompts transformieren.\n- **Text** - einen Prompt oder eine Anweisung bereitstellen, der einen anderen Node speist.\n- **Video generator** - einen Frame oder einen Prompt in ein Video verwandeln.\n- **AI Character** - einen generierten Charakter in die Pipeline einbringen.\n\nVerbinde diese der Reihe nach, um aus einem rohen Upload ein fertiges, markentreues Ergebnis zu machen, und speichere dann den Workflow, um ihn erneut auszufuhren.\n\n## Verwandt\n\n- [Workflows und Canvas](/de-de/features/workflows-and-canvas) - wie man einen Workflow aufbaut und ausfuhrt.\n- [Community](/de-de/features/community) - Node-basierte Workflows kopieren, die andere geteilt haben.\n","tableOfContents":{"items":[{"url":"#node-typen","title":"Node-Typen","items":[{"url":"#nodes-in-der-beispiel-pipeline","title":"Nodes in der Beispiel-Pipeline"},{"url":"#weitere-gangige-nodes","title":"Weitere gangige Nodes"},{"url":"#verwandt","title":"Verwandt"}]}]},"parent":{"__typename":"File","relativePath":"de-de/features/workflows-and-canvas/node-types.md"},"frontmatter":{"metaTitle":"Canvas-Node-Typen | DesignerBox","metaDescription":"Die Bausteine des DesignerBox-Canvas: Quell-, Batch-, Hintergrundentfernung-, Relight-, Upscale-, Video-Nodes und mehr.","order":1}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/de-de/guides","title":"Anleitungen"}}},{"node":{"fields":{"slug":"/de-de/features","title":"Features"}}},{"node":{"fields":{"slug":"/de-de/integrations","title":"Integrationen"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base","title":"Knowledge Base"}}},{"node":{"fields":{"slug":"/de-de/pricing-faqs","title":"Preis-FAQs"}}},{"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/upscaling","title":"Upscaling"}}},{"node":{"fields":{"slug":"/de-de/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/de-de/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/de-de/features/techniques-and-templates","title":"Techniken und Templates"}}},{"node":{"fields":{"slug":"/de-de/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/de-de/guides/building-workflows-on-the-canvas","title":"Workflows auf dem Canvas bauen"}}},{"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/create-your-first-image","title":"Dein erstes Bild erstellen"}}},{"node":{"fields":{"slug":"/de-de/guides/teams-and-brand-profiles","title":"Teams und Markenprofile"}}},{"node":{"fields":{"slug":"/de-de/features/community","title":"Community"}}},{"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/white-label","title":"White-Label"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base/how-to-update-card-details","title":"Kartendaten aktualisieren"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base/plans-credits-and-limits","title":"Plane, Credits und Limits"}}},{"node":{"fields":{"slug":"/de-de/features/workflows-and-canvas","title":"Workflows und Canvas"}}},{"node":{"fields":{"slug":"/de-de/knowledge-base/understanding-declined-card-payments","title":"Abgelehnte Kartenzahlungen verstehen"}}},{"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"}}},{"node":{"fields":{"slug":"/de-de","title":"DesignerBox Dokumentation"}}}]}},"pageContext":{"id":"d1de3e57-a51a-559e-a227-8b216df91552","locale":"de-DE"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}