{"componentChunkName":"component---src-templates-docs-js","path":"/fr-fr/features/workflows-and-canvas","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"fea044fa-6fed-5d16-86a7-86b3a3ce4304","title":"Flux de travail et canevas","slug":"/fr-fr/features/workflows-and-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\": \"Flux de travail et canevas\",\n  \"metaTitle\": \"Flux de travail et canevas | DesignerBox\",\n  \"metaDescription\": \"Guide pour construire des pipelines AI personnalises sur le canevas DesignerBox, du nouveau flux de travail jusqu'au partage.\",\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, \"Flux de travail et canevas\"), mdx(\"p\", null, \"Un \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"flux de travail\"), \" est un pipeline AI personnalise pour la generation d'images et de videos. Vous le construisez sur le \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"canevas\"), \" en connectant des noeuds, puis vous l'executez et le reutilisez. Cette page explique comment en construire et en executer un.\"), mdx(\"h2\", null, \"Etape 1 : Ouvrir Workflows et en demarrer un\"), mdx(\"p\", null, \"Ouvrez \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Workflows\"), \" depuis la barre laterale. Vous pouvez :\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Selectioner \", 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 que vous pouvez modifier.\")), 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 avec New Workflow, des points de depart de techniques et des flux de travail sauvegardes\",\n    \"title\": \"L'ecran Workflows avec 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, \"Etape 2 : Ajouter et connecter des noeuds\"), mdx(\"p\", null, \"Sur le canevas, chaque \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"noeud\"), \" effectue une etape, et vous les connectez pour que la sortie de l'un alimente le suivant. Cliquez sur \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add Node\"), \" (le bouton + dans la barre d'outils du canevas) pour ouvrir la palette de noeuds, puis faites glisser ou cliquez pour placer les noeuds. L'exemple ci-dessous est un pipeline Product Photography a cinq noeuds qui s'execute dans l'ordre : 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\": \"Le canevas DesignerBox affichant un flux de travail Product Photography connecte a cinq noeuds avec le resultat de chaque etape\",\n    \"title\": \"Le canevas DesignerBox affichant un flux de travail Product Photography connecte a cinq noeuds avec le resultat de chaque etape\",\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  }, \"Types de noeuds\"), \" pour savoir ce que fait chaque noeud.\"), mdx(\"h2\", null, \"Etape 3 : Configurer chaque noeud\"), mdx(\"p\", null, \"Selectionnez un noeud pour definir ses options, par exemple le modele sur un noeud de generation ou l'eclairage sur un noeud de reeclairage. Chaque noeud affiche son propre apercu du resultat pendant l'execution du flux de travail.\"), mdx(\"h2\", null, \"Etape 4 : Executer\"), mdx(\"p\", null, \"Utilisez \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Run All\"), \" dans la barre d'outils superieure pour executer l'ensemble du pipeline, ou executez un seul noeud. Le canevas affiche la progression de l'execution et un etat \\\"termine\\\" pour chaque noeud au fur et a mesure. Les credits sont consommes par etape de generation.\"), mdx(\"h2\", null, \"Etape 5 : Sauvegarder, reutiliser et partager\"), mdx(\"p\", null, \"Les flux de travail sauvegardes apparaissent sous \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"My Workflows\"), \" avec leur nombre de noeuds, prets a etre executes a nouveau. La barre d'outils du canevas propose egalement \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Comments\"), \" pour la revue par l'equipe (fils de discussion epingles sur le canevas) et \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Share\"), \", et vous pouvez publier un flux de travail dans la \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/fr-fr/features/community\"\n  }, \"Community\"), \".\"));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Flux de travail et canevas\"\nmetaTitle: \"Flux de travail et canevas | DesignerBox\"\nmetaDescription: \"Guide pour construire des pipelines AI personnalises sur le canevas DesignerBox, du nouveau flux de travail jusqu'au partage.\"\norder: 2\n---\n\n# Flux de travail et canevas\n\nUn **flux de travail** est un pipeline AI personnalise pour la generation d'images et de videos. Vous le construisez sur le **canevas** en connectant des noeuds, puis vous l'executez et le reutilisez. Cette page explique comment en construire et en executer un.\n\n## Etape 1 : Ouvrir Workflows et en demarrer un\n\nOuvrez **Workflows** depuis la barre laterale. Vous pouvez :\n\n- Selectioner **New Workflow** pour construire un pipeline personnalise de toute piece, ou\n- **Start from a Technique** pour commencer avec une recette predifinie que vous pouvez modifier.\n\n![L'ecran Workflows avec New Workflow, des points de depart de techniques et des flux de travail sauvegardes](../images/docs/workflows.jpg)\n\n## Etape 2 : Ajouter et connecter des noeuds\n\nSur le canevas, chaque **noeud** effectue une etape, et vous les connectez pour que la sortie de l'un alimente le suivant. Cliquez sur **Add Node** (le bouton + dans la barre d'outils du canevas) pour ouvrir la palette de noeuds, puis faites glisser ou cliquez pour placer les noeuds. L'exemple ci-dessous est un pipeline Product Photography a cinq noeuds qui s'execute dans l'ordre : Product Photos, Batch, Remove Background, Studio Lighting, HD Upscale.\n\n![Le canevas DesignerBox affichant un flux de travail Product Photography connecte a cinq noeuds avec le resultat de chaque etape](../images/docs/workflow-canvas.jpg)\n\nConsultez [Types de noeuds](/fr-fr/features/workflows-and-canvas/node-types) pour savoir ce que fait chaque noeud.\n\n## Etape 3 : Configurer chaque noeud\n\nSelectionnez un noeud pour definir ses options, par exemple le modele sur un noeud de generation ou l'eclairage sur un noeud de reeclairage. Chaque noeud affiche son propre apercu du resultat pendant l'execution du flux de travail.\n\n## Etape 4 : Executer\n\nUtilisez **Run All** dans la barre d'outils superieure pour executer l'ensemble du pipeline, ou executez un seul noeud. Le canevas affiche la progression de l'execution et un etat \"termine\" pour chaque noeud au fur et a mesure. Les credits sont consommes par etape de generation.\n\n## Etape 5 : Sauvegarder, reutiliser et partager\n\nLes flux de travail sauvegardes apparaissent sous **My Workflows** avec leur nombre de noeuds, prets a etre executes a nouveau. La barre d'outils du canevas propose egalement **Comments** pour la revue par l'equipe (fils de discussion epingles sur le canevas) et **Share**, et vous pouvez publier un flux de travail dans la [Community](/fr-fr/features/community).\n","tableOfContents":{"items":[{"url":"#flux-de-travail-et-canevas","title":"Flux de travail et canevas","items":[{"url":"#etape-1--ouvrir-workflows-et-en-demarrer-un","title":"Etape 1 : Ouvrir Workflows et en demarrer un"},{"url":"#etape-2--ajouter-et-connecter-des-noeuds","title":"Etape 2 : Ajouter et connecter des noeuds"},{"url":"#etape-3--configurer-chaque-noeud","title":"Etape 3 : Configurer chaque noeud"},{"url":"#etape-4--executer","title":"Etape 4 : Executer"},{"url":"#etape-5--sauvegarder-reutiliser-et-partager","title":"Etape 5 : Sauvegarder, reutiliser et partager"}]}]},"parent":{"__typename":"File","relativePath":"fr-fr/features/workflows-and-canvas.md"},"frontmatter":{"metaTitle":"Flux de travail et canevas | DesignerBox","metaDescription":"Guide pour construire des pipelines AI personnalises sur le canevas DesignerBox, du nouveau flux de travail jusqu'au partage.","order":2}},"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":"fea044fa-6fed-5d16-86a7-86b3a3ce4304","locale":"fr-FR"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}