{"componentChunkName":"component---src-templates-docs-js","path":"/fr-fr/guides/building-workflows-on-the-canvas","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"7c1ac638-c8b8-5802-9111-83792ec16e6a","title":"Construire des flux de travail sur le canevas","slug":"/fr-fr/guides/building-workflows-on-the-canvas","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\": \"Construire des flux de travail sur le canevas\",\n  \"metaTitle\": \"Construire des flux de travail | DesignerBox\",\n  \"metaDescription\": \"Construisez un pipeline AI personnalise sur le canevas DesignerBox : commencez ou modifiez une technique, connectez des noeuds et executez.\",\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, \"Construire des flux de travail sur le canevas\"), mdx(\"p\", null, \"Un \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"flux de travail\"), \" est votre propre pipeline AI pour la generation d'images et de videos. Vous le construisez sur le canevas de noeuds en connectant des blocs de construction, puis vous l'executez autant de fois que vous le souhaitez.\"), 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\": \"L'ecran Workflows de DesignerBox avec un bouton New Workflow, des points de depart de techniques et des flux de travail sauvegardes\",\n    \"title\": \"L'ecran Workflows de DesignerBox avec un bouton New Workflow, des points de depart de techniques et des flux de travail sauvegardes\",\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, \"Demarrer un flux de travail\"), mdx(\"p\", null, \"Ouvrez \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Workflows\"), \" depuis la barre laterale, puis :\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Selectionnez \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"New Workflow\"), \" pour construire un pipeline personnalise de toute piece, ou\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Start from a Technique\"), \" pour commencer avec une recette predifinie et la modifier.\")), mdx(\"h2\", null, \"Construire avec des noeuds\"), mdx(\"p\", null, \"Sur le canevas, cliquez sur \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add Node\"), \" (le bouton + dans la barre d'outils) pour ouvrir la palette de noeuds, puis ajoutez et connectez des noeuds. Chaque noeud effectue une tache, par exemple importer une image, supprimer un arriere-plan, reeclairer ou mettre a l'echelle. La sortie d'un noeud alimente le suivant, donc le canevas decrit l'ensemble de la generation etape par etape.\"), 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\": \"Un flux de travail Product Photography connecte a cinq noeuds sur le canevas DesignerBox\",\n    \"title\": \"Un flux de travail Product Photography connecte a cinq noeuds sur le canevas DesignerBox\",\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, \"Consultez \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/fr-fr/features/workflows-and-canvas/node-types\"\n  }, \"la reference des noeuds\"), \" pour savoir ce que fait chaque noeud.\"), mdx(\"h2\", null, \"Executer, sauvegarder et partager\"), mdx(\"p\", null, \"Executez le flux de travail pour generer votre rendu. Sauvegardez-le dans \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"My Workflows\"), \" pour le reutiliser plus tard, et publiez-le dans la \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/fr-fr/features/community\"\n  }, \"Community\"), \" pour que d'autres puissent le copier.\"), mdx(\"p\", null, \"Apprenez-en plus dans \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/fr-fr/features/workflows-and-canvas\"\n  }, \"Flux de travail et canevas\"), \".\"));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Construire des flux de travail sur le canevas\"\nmetaTitle: \"Construire des flux de travail | DesignerBox\"\nmetaDescription: \"Construisez un pipeline AI personnalise sur le canevas DesignerBox : commencez ou modifiez une technique, connectez des noeuds et executez.\"\norder: 3\n---\n\n# Construire des flux de travail sur le canevas\n\nUn **flux de travail** est votre propre pipeline AI pour la generation d'images et de videos. Vous le construisez sur le canevas de noeuds en connectant des blocs de construction, puis vous l'executez autant de fois que vous le souhaitez.\n\n![L'ecran Workflows de DesignerBox avec un bouton New Workflow, des points de depart de techniques et des flux de travail sauvegardes](../images/docs/workflows.jpg)\n\n## Demarrer un flux de travail\n\nOuvrez **Workflows** depuis la barre laterale, puis :\n\n- Selectionnez **New Workflow** pour construire un pipeline personnalise de toute piece, ou\n- **Start from a Technique** pour commencer avec une recette predifinie et la modifier.\n\n## Construire avec des noeuds\n\nSur le canevas, cliquez sur **Add Node** (le bouton + dans la barre d'outils) pour ouvrir la palette de noeuds, puis ajoutez et connectez des noeuds. Chaque noeud effectue une tache, par exemple importer une image, supprimer un arriere-plan, reeclairer ou mettre a l'echelle. La sortie d'un noeud alimente le suivant, donc le canevas decrit l'ensemble de la generation etape par etape.\n\n![Un flux de travail Product Photography connecte a cinq noeuds sur le canevas DesignerBox](../images/docs/workflow-canvas.jpg)\n\nConsultez [la reference des noeuds](/fr-fr/features/workflows-and-canvas/node-types) pour savoir ce que fait chaque noeud.\n\n## Executer, sauvegarder et partager\n\nExecutez le flux de travail pour generer votre rendu. Sauvegardez-le dans **My Workflows** pour le reutiliser plus tard, et publiez-le dans la [Community](/fr-fr/features/community) pour que d'autres puissent le copier.\n\nApprenez-en plus dans [Flux de travail et canevas](/fr-fr/features/workflows-and-canvas).\n","tableOfContents":{"items":[{"url":"#construire-des-flux-de-travail-sur-le-canevas","title":"Construire des flux de travail sur le canevas","items":[{"url":"#demarrer-un-flux-de-travail","title":"Demarrer un flux de travail"},{"url":"#construire-avec-des-noeuds","title":"Construire avec des noeuds"},{"url":"#executer-sauvegarder-et-partager","title":"Executer, sauvegarder et partager"}]}]},"parent":{"__typename":"File","relativePath":"fr-fr/guides/building-workflows-on-the-canvas.md"},"frontmatter":{"metaTitle":"Construire des flux de travail | DesignerBox","metaDescription":"Construisez un pipeline AI personnalise sur le canevas DesignerBox : commencez ou modifiez une technique, connectez des noeuds et executez.","order":3}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/fr-fr/features","title":"Fonctionnalites"}}},{"node":{"fields":{"slug":"/fr-fr/guides","title":"Guides"}}},{"node":{"fields":{"slug":"/fr-fr/integrations","title":"Integrations"}}},{"node":{"fields":{"slug":"/fr-fr/pricing-faqs","title":"FAQ Tarifs"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base","title":"Base de connaissances"}}},{"node":{"fields":{"slug":"/fr-fr/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/fr-fr/features/community","title":"Community"}}},{"node":{"fields":{"slug":"/fr-fr/features/brand-profile","title":"Profil de marque et bibliotheque"}}},{"node":{"fields":{"slug":"/fr-fr/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/fr-fr/features/relighting-and-angles","title":"Eclairage et angles"}}},{"node":{"fields":{"slug":"/fr-fr/features/upscaling","title":"Mise a l'echelle"}}},{"node":{"fields":{"slug":"/fr-fr/guides/create-your-first-image","title":"Creer votre premiere image"}}},{"node":{"fields":{"slug":"/fr-fr/features/virtual-try-on","title":"Essayage virtuel"}}},{"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/guides/using-techniques-and-templates","title":"Utiliser les techniques et modeles"}}},{"node":{"fields":{"slug":"/fr-fr/guides/teams-and-brand-profiles","title":"Equipes et profils de marque"}}},{"node":{"fields":{"slug":"/fr-fr/guides/creating-videos","title":"Creer des videos"}}},{"node":{"fields":{"slug":"/fr-fr/features/workflows-and-canvas","title":"Flux de travail et canevas"}}},{"node":{"fields":{"slug":"/fr-fr/features/techniques-and-templates","title":"Techniques et modeles"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base/how-to-update-card-details","title":"Comment mettre a jour vos coordonnees bancaires"}}},{"node":{"fields":{"slug":"/fr-fr/knowledge-base/plans-credits-and-limits","title":"Abonnements, credits et limites"}}},{"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/knowledge-base/understanding-declined-card-payments","title":"Comprendre les paiements par carte refuses"}}},{"node":{"fields":{"slug":"/fr-fr/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/fr-fr","title":"Documentation DesignerBox"}}},{"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'edition"}}}]}},"pageContext":{"id":"7c1ac638-c8b8-5802-9111-83792ec16e6a","locale":"fr-FR"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}