{"componentChunkName":"component---src-templates-docs-js","path":"/de-de/features/workflows-and-canvas","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"feeb5877-3d60-5965-b311-db284943eabe","title":"Workflows und Canvas","slug":"/de-de/features/workflows-and-canvas","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\": \"Workflows und Canvas\",\n  \"metaTitle\": \"Workflows und Canvas | DesignerBox\",\n  \"metaDescription\": \"Schritt-fur-Schritt-Anleitung zum Aufbau individueller AI-Pipelines auf dem DesignerBox Node-Canvas.\",\n  \"order\": 2\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, \"Workflows und Canvas\"), mdx(\"p\", null, \"Ein \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Workflow\"), \" ist eine individuelle AI-Medienpipeline fur Bild- und Videogenerierung. Du baust ihn auf dem \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Canvas\"), \", indem du Nodes verbindest, und kannst ihn dann ausfuhren und wiederverwenden. Diese Seite fuhrt durch den Aufbau und die Ausfuhrung.\"), mdx(\"h2\", null, \"Schritt 1: Workflows offnen und starten\"), mdx(\"p\", null, \"Offne \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Workflows\"), \" in der Seitenleiste. Du kannst:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"New Workflow\"), \" wahlen, um eine individuelle Pipeline von Grund auf zu bauen, oder\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Start from a Technique\"), \", um mit einem fertigen Rezept zu beginnen, das du bearbeiten kannst.\")), 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/69f67bc4a3135fab017cea9d87c3569f/356e8/workflows.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/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAQFAf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAa6lHRYZD//EABsQAAIBBQAAAAAAAAAAAAAAAAECAwQQEhMx/9oACAEBAAEFApCwCtU4w7Cvb//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABwQAAEDBQAAAAAAAAAAAAAAAAEAERICICIjQf/aAAgBAQAGPwIRDlGVGXFsDGz/xAAcEAACAQUBAAAAAAAAAAAAAAABEQAQITFhkbH/2gAIAQEAAT8hMh9CnN4l7CZvsQyDr//aAAwDAQACAAMAAAAQ0+//xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAwEBPxBX/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAHRAAAgIBBQAAAAAAAAAAAAAAAREAIWEQMUFRcf/aAAgBAQABPxA0NFEoQyyIngtcVBc+oQgN1W1dE5ilSFhhrX//2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"Der Workflows-Bereich mit \\\"New Workflow\\\", Technik-Startpunkten und gespeicherten Workflows\",\n    \"title\": \"Der Workflows-Bereich mit \\\"New Workflow\\\", Technik-Startpunkten und gespeicherten Workflows\",\n    \"src\": \"/docs/static/69f67bc4a3135fab017cea9d87c3569f/4b190/workflows.jpg\",\n    \"srcSet\": [\"/docs/static/69f67bc4a3135fab017cea9d87c3569f/e07e9/workflows.jpg 200w\", \"/docs/static/69f67bc4a3135fab017cea9d87c3569f/066f9/workflows.jpg 400w\", \"/docs/static/69f67bc4a3135fab017cea9d87c3569f/4b190/workflows.jpg 800w\", \"/docs/static/69f67bc4a3135fab017cea9d87c3569f/e5166/workflows.jpg 1200w\", \"/docs/static/69f67bc4a3135fab017cea9d87c3569f/356e8/workflows.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, \"Schritt 2: Nodes hinzufugen und verbinden\"), mdx(\"p\", null, \"Auf dem Canvas fuhrt jeder \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Node\"), \" einen Schritt aus, und du verbindest sie so, dass das Ergebnis eines Nodes zum Eingang des nachsten wird. Klicke auf \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add Node\"), \" (den +-Button in der Canvas-Werkzeugleiste), um die Node-Palette zu offnen, und ziehe oder klicke dann, um Nodes zu platzieren. Das nachfolgende Beispiel ist eine Funf-Knoten-Produkt-Fotografie-Pipeline, die der Reihe nach lauft: Product Photos, Batch, Remove Background, Studio Lighting, HD Upscale.\"), 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\": \"Der DesignerBox-Canvas mit einem verbundenen Funf-Knoten-Workflow fur Product Photography mit dem Ergebnis jeder Stufe\",\n    \"title\": \"Der DesignerBox-Canvas mit einem verbundenen Funf-Knoten-Workflow fur Product Photography mit dem Ergebnis jeder Stufe\",\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(\"p\", null, \"Unter \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/de-de/features/workflows-and-canvas/node-types\"\n  }, \"Node-Typen\"), \" erfahrst du, was jeder Node tut.\"), mdx(\"h2\", null, \"Schritt 3: Jeden Node konfigurieren\"), mdx(\"p\", null, \"Wahle einen Node aus, um seine Optionen festzulegen, z. B. das Modell bei einem Generierungs-Node oder die Beleuchtung bei einem Relight-Node. Jeder Node zeigt seine eigene Ergebnisvorschau, wahrend der Workflow lauft.\"), mdx(\"h2\", null, \"Schritt 4: Ausfuhren\"), mdx(\"p\", null, \"Nutze \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Run All\"), \" in der oberen Werkzeugleiste, um die gesamte Pipeline auszufuhren, oder fuhre einen einzelnen Node aus. Der Canvas zeigt den Ausfuhrungsfortschritt und einen \\\"Fertig\\\"-Status fur jeden Node, sobald er abgeschlossen ist. Credits werden pro Generierungsschritt verbraucht.\"), mdx(\"h2\", null, \"Schritt 5: Speichern, wiederverwenden und teilen\"), mdx(\"p\", null, \"Gespeicherte Workflows erscheinen unter \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"My Workflows\"), \" mit ihrer Node-Anzahl, bereit, wieder ausgefuhrt zu werden. Die Canvas-Werkzeugleiste bietet auch \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Kommentare\"), \" fur das Team-Review (Threads, die am Canvas angeheftet sind) und \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Teilen\"), \", und du kannst einen Workflow in der \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/de-de/features/community\"\n  }, \"Community\"), \" veroffentlichen.\"));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Workflows und Canvas\"\nmetaTitle: \"Workflows und Canvas | DesignerBox\"\nmetaDescription: \"Schritt-fur-Schritt-Anleitung zum Aufbau individueller AI-Pipelines auf dem DesignerBox Node-Canvas.\"\norder: 2\n---\n\n# Workflows und Canvas\n\nEin **Workflow** ist eine individuelle AI-Medienpipeline fur Bild- und Videogenerierung. Du baust ihn auf dem **Canvas**, indem du Nodes verbindest, und kannst ihn dann ausfuhren und wiederverwenden. Diese Seite fuhrt durch den Aufbau und die Ausfuhrung.\n\n## Schritt 1: Workflows offnen und starten\n\nOffne **Workflows** in der Seitenleiste. Du kannst:\n\n- **New Workflow** wahlen, um eine individuelle Pipeline von Grund auf zu bauen, oder\n- **Start from a Technique**, um mit einem fertigen Rezept zu beginnen, das du bearbeiten kannst.\n\n![Der Workflows-Bereich mit \"New Workflow\", Technik-Startpunkten und gespeicherten Workflows](../images/docs/workflows.jpg)\n\n## Schritt 2: Nodes hinzufugen und verbinden\n\nAuf dem Canvas fuhrt jeder **Node** einen Schritt aus, und du verbindest sie so, dass das Ergebnis eines Nodes zum Eingang des nachsten wird. Klicke auf **Add Node** (den +-Button in der Canvas-Werkzeugleiste), um die Node-Palette zu offnen, und ziehe oder klicke dann, um Nodes zu platzieren. Das nachfolgende Beispiel ist eine Funf-Knoten-Produkt-Fotografie-Pipeline, die der Reihe nach lauft: Product Photos, Batch, Remove Background, Studio Lighting, HD Upscale.\n\n![Der DesignerBox-Canvas mit einem verbundenen Funf-Knoten-Workflow fur Product Photography mit dem Ergebnis jeder Stufe](../images/docs/workflow-canvas.jpg)\n\nUnter [Node-Typen](/de-de/features/workflows-and-canvas/node-types) erfahrst du, was jeder Node tut.\n\n## Schritt 3: Jeden Node konfigurieren\n\nWahle einen Node aus, um seine Optionen festzulegen, z. B. das Modell bei einem Generierungs-Node oder die Beleuchtung bei einem Relight-Node. Jeder Node zeigt seine eigene Ergebnisvorschau, wahrend der Workflow lauft.\n\n## Schritt 4: Ausfuhren\n\nNutze **Run All** in der oberen Werkzeugleiste, um die gesamte Pipeline auszufuhren, oder fuhre einen einzelnen Node aus. Der Canvas zeigt den Ausfuhrungsfortschritt und einen \"Fertig\"-Status fur jeden Node, sobald er abgeschlossen ist. Credits werden pro Generierungsschritt verbraucht.\n\n## Schritt 5: Speichern, wiederverwenden und teilen\n\nGespeicherte Workflows erscheinen unter **My Workflows** mit ihrer Node-Anzahl, bereit, wieder ausgefuhrt zu werden. Die Canvas-Werkzeugleiste bietet auch **Kommentare** fur das Team-Review (Threads, die am Canvas angeheftet sind) und **Teilen**, und du kannst einen Workflow in der [Community](/de-de/features/community) veroffentlichen.\n","tableOfContents":{"items":[{"url":"#workflows-und-canvas","title":"Workflows und Canvas","items":[{"url":"#schritt-1-workflows-offnen-und-starten","title":"Schritt 1: Workflows offnen und starten"},{"url":"#schritt-2-nodes-hinzufugen-und-verbinden","title":"Schritt 2: Nodes hinzufugen und verbinden"},{"url":"#schritt-3-jeden-node-konfigurieren","title":"Schritt 3: Jeden Node konfigurieren"},{"url":"#schritt-4-ausfuhren","title":"Schritt 4: Ausfuhren"},{"url":"#schritt-5-speichern-wiederverwenden-und-teilen","title":"Schritt 5: Speichern, wiederverwenden und teilen"}]}]},"parent":{"__typename":"File","relativePath":"de-de/features/workflows-and-canvas.md"},"frontmatter":{"metaTitle":"Workflows und Canvas | DesignerBox","metaDescription":"Schritt-fur-Schritt-Anleitung zum Aufbau individueller AI-Pipelines auf dem DesignerBox Node-Canvas.","order":2}},"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":"feeb5877-3d60-5965-b311-db284943eabe","locale":"de-DE"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}