{"componentChunkName":"component---src-templates-docs-js","path":"/de-de/guides/building-workflows-on-the-canvas","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"b2426fea-0d58-548c-b4a3-9f5d31c11e74","title":"Workflows auf dem Canvas bauen","slug":"/de-de/guides/building-workflows-on-the-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 auf dem Canvas bauen\",\n  \"metaTitle\": \"Workflows bauen | DesignerBox\",\n  \"metaDescription\": \"Baue eine individuelle AI-Pipeline auf dem DesignerBox-Canvas: starte neu oder von einer Technik, verbinde Nodes und fuhre sie aus.\",\n  \"order\": 3\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 auf dem Canvas bauen\"), mdx(\"p\", null, \"Ein \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Workflow\"), \" ist deine eigene AI-Medienpipeline fur Bild- und Videogenerierung. Du baust ihn auf dem Node-Canvas, indem du Bausteine verbindest, und kannst ihn beliebig oft ausfuhren.\"), 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 DesignerBox Workflows-Bereich mit dem Button \\\"New Workflow\\\", Technik-Startpunkten und gespeicherten Workflows\",\n    \"title\": \"Der DesignerBox Workflows-Bereich mit dem Button \\\"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, \"Einen Workflow starten\"), mdx(\"p\", null, \"Offne \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Workflows\"), \" in der Seitenleiste und wahle dann:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"New Workflow\"), \", 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 und es zu bearbeiten.\")), mdx(\"h2\", null, \"Mit Nodes bauen\"), mdx(\"p\", null, \"Klicke auf dem Canvas auf \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add Node\"), \" (den +-Button in der Werkzeugleiste), um die Node-Palette zu offnen, und f\\xFCge dann Nodes hinzu und verbinde sie. Jeder Node ubernimmt eine Aufgabe, z. B. ein Bild einbringen, einen Hintergrund entfernen, neu beleuchten oder hochskalieren. Das Ergebnis eines Nodes wird zum Eingang des nachsten, sodass der Canvas die gesamte Generierung Schritt fur Schritt abbildet.\"), 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 verbundener Funf-Knoten-Workflow fur Product Photography auf dem DesignerBox-Canvas\",\n    \"title\": \"Ein verbundener Funf-Knoten-Workflow fur Product Photography auf dem DesignerBox-Canvas\",\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, \"Die \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/de-de/features/workflows-and-canvas/node-types\"\n  }, \"Node-Referenz\"), \" erklart, was jeder Node tut.\"), mdx(\"h2\", null, \"Ausfuhren, speichern und teilen\"), mdx(\"p\", null, \"Fuhre den Workflow aus, um dein Ergebnis zu generieren. Speichere ihn unter \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"My Workflows\"), \", um ihn spater wiederzuverwenden, und veroffentliche ihn in der \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/de-de/features/community\"\n  }, \"Community\"), \", damit andere ihn kopieren konnen.\"), mdx(\"p\", null, \"Mehr dazu unter \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/de-de/features/workflows-and-canvas\"\n  }, \"Workflows und Canvas\"), \".\"));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Workflows auf dem Canvas bauen\"\nmetaTitle: \"Workflows bauen | DesignerBox\"\nmetaDescription: \"Baue eine individuelle AI-Pipeline auf dem DesignerBox-Canvas: starte neu oder von einer Technik, verbinde Nodes und fuhre sie aus.\"\norder: 3\n---\n\n# Workflows auf dem Canvas bauen\n\nEin **Workflow** ist deine eigene AI-Medienpipeline fur Bild- und Videogenerierung. Du baust ihn auf dem Node-Canvas, indem du Bausteine verbindest, und kannst ihn beliebig oft ausfuhren.\n\n![Der DesignerBox Workflows-Bereich mit dem Button \"New Workflow\", Technik-Startpunkten und gespeicherten Workflows](../images/docs/workflows.jpg)\n\n## Einen Workflow starten\n\nOffne **Workflows** in der Seitenleiste und wahle dann:\n\n- **New Workflow**, um eine individuelle Pipeline von Grund auf zu bauen, oder\n- **Start from a Technique**, um mit einem fertigen Rezept zu beginnen und es zu bearbeiten.\n\n## Mit Nodes bauen\n\nKlicke auf dem Canvas auf **Add Node** (den +-Button in der Werkzeugleiste), um die Node-Palette zu offnen, und füge dann Nodes hinzu und verbinde sie. Jeder Node ubernimmt eine Aufgabe, z. B. ein Bild einbringen, einen Hintergrund entfernen, neu beleuchten oder hochskalieren. Das Ergebnis eines Nodes wird zum Eingang des nachsten, sodass der Canvas die gesamte Generierung Schritt fur Schritt abbildet.\n\n![Ein verbundener Funf-Knoten-Workflow fur Product Photography auf dem DesignerBox-Canvas](../images/docs/workflow-canvas.jpg)\n\nDie [Node-Referenz](/de-de/features/workflows-and-canvas/node-types) erklart, was jeder Node tut.\n\n## Ausfuhren, speichern und teilen\n\nFuhre den Workflow aus, um dein Ergebnis zu generieren. Speichere ihn unter **My Workflows**, um ihn spater wiederzuverwenden, und veroffentliche ihn in der [Community](/de-de/features/community), damit andere ihn kopieren konnen.\n\nMehr dazu unter [Workflows und Canvas](/de-de/features/workflows-and-canvas).\n","tableOfContents":{"items":[{"url":"#workflows-auf-dem-canvas-bauen","title":"Workflows auf dem Canvas bauen","items":[{"url":"#einen-workflow-starten","title":"Einen Workflow starten"},{"url":"#mit-nodes-bauen","title":"Mit Nodes bauen"},{"url":"#ausfuhren-speichern-und-teilen","title":"Ausfuhren, speichern und teilen"}]}]},"parent":{"__typename":"File","relativePath":"de-de/guides/building-workflows-on-the-canvas.md"},"frontmatter":{"metaTitle":"Workflows bauen | DesignerBox","metaDescription":"Baue eine individuelle AI-Pipeline auf dem DesignerBox-Canvas: starte neu oder von einer Technik, verbinde Nodes und fuhre sie aus.","order":3}},"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":"b2426fea-0d58-548c-b4a3-9f5d31c11e74","locale":"de-DE"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}