{"componentChunkName":"component---src-templates-docs-js","path":"/pt-pt/features/workflows-and-canvas","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"b0f35e1f-07bb-58a3-aeef-0cb914b38e15","title":"Fluxos de Trabalho e a Tela","slug":"/pt-pt/features/workflows-and-canvas","locale":"pt-PT"},"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\": \"Fluxos de Trabalho e a Tela\",\n  \"metaTitle\": \"Fluxos de Trabalho e Tela | DesignerBox\",\n  \"metaDescription\": \"Guia passo a passo para criar pipelines de AI personalizados na tela de nos do DesignerBox, do novo fluxo a execucao e partilha.\",\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, \"Fluxos de Trabalho e a Tela\"), mdx(\"p\", null, \"Um \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"fluxo de trabalho\"), \" e um pipeline de AI personalizado para geracao de imagens e videos. Constroe-o na \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"tela\"), \" ligando nos, e depois executa-o e reutiliza-o. Esta pagina percorre a criacao e execucao de um fluxo de trabalho.\"), mdx(\"h2\", null, \"Passo 1: Abre Workflows e inicia um\"), mdx(\"p\", null, \"Abre \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Workflows\"), \" na barra lateral. Podes:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Selecionar \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"New Workflow\"), \" para criar um pipeline personalizado de raiz, ou\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Start from a Technique\"), \" para comecar com uma receita pre-criada que podes editar.\")), 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\": \"O ecra Workflows com New Workflow, pontos de partida de tecnicas e fluxos de trabalho guardados\",\n    \"title\": \"O ecra Workflows com New Workflow, pontos de partida de tecnicas e fluxos de trabalho guardados\",\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, \"Passo 2: Adiciona e liga nos\"), mdx(\"p\", null, \"Na tela, cada \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"no\"), \" executa um passo, e tu liges-os de forma que a saida de um alimente o seguinte. Clica em \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add Node\"), \" (o botao + na barra de ferramentas da tela) para abrir a paleta de nos, e arrasta ou clica para colocar nos. O exemplo abaixo e um pipeline de Fotografia de Produto com cinco nos que executa por ordem: 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\": \"A tela do DesignerBox com um fluxo de trabalho de Fotografia de Produto de cinco nos ligados, com o resultado de cada etapa\",\n    \"title\": \"A tela do DesignerBox com um fluxo de trabalho de Fotografia de Produto de cinco nos ligados, com o resultado de cada etapa\",\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, \"Consulta \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/pt-pt/features/workflows-and-canvas/node-types\"\n  }, \"Tipos de nos\"), \" para saber o que cada no faz.\"), mdx(\"h2\", null, \"Passo 3: Configura cada no\"), mdx(\"p\", null, \"Seleciona um no para definir as suas opcoes, por exemplo o modelo num no de geracao ou a iluminacao num no de relighting. Cada no mostra a sua propria previa de resultado enquanto o fluxo de trabalho e executado.\"), mdx(\"h2\", null, \"Passo 4: Executa\"), mdx(\"p\", null, \"Usa \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Run All\"), \" na barra de ferramentas superior para executar o pipeline inteiro, ou executa um unico no. A tela mostra o progresso de execucao e um estado de \\\"concluido\\\" para cada no quando termina. Os creditos sao consumidos por cada etapa de geracao.\"), mdx(\"h2\", null, \"Passo 5: Guarda, reutiliza e partilha\"), mdx(\"p\", null, \"Os fluxos de trabalho guardados aparecem em \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"My Workflows\"), \" com a sua contagem de nos, prontos para executar novamente. A barra de ferramentas da tela tambem oferece \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Comments\"), \" para revisao em equipa (conversas fixadas na tela) e \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Share\"), \", e podes publicar um fluxo de trabalho na \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/pt-pt/features/community\"\n  }, \"Comunidade\"), \".\"));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Fluxos de Trabalho e a Tela\"\nmetaTitle: \"Fluxos de Trabalho e Tela | DesignerBox\"\nmetaDescription: \"Guia passo a passo para criar pipelines de AI personalizados na tela de nos do DesignerBox, do novo fluxo a execucao e partilha.\"\norder: 2\n---\n\n# Fluxos de Trabalho e a Tela\n\nUm **fluxo de trabalho** e um pipeline de AI personalizado para geracao de imagens e videos. Constroe-o na **tela** ligando nos, e depois executa-o e reutiliza-o. Esta pagina percorre a criacao e execucao de um fluxo de trabalho.\n\n## Passo 1: Abre Workflows e inicia um\n\nAbre **Workflows** na barra lateral. Podes:\n\n- Selecionar **New Workflow** para criar um pipeline personalizado de raiz, ou\n- **Start from a Technique** para comecar com uma receita pre-criada que podes editar.\n\n![O ecra Workflows com New Workflow, pontos de partida de tecnicas e fluxos de trabalho guardados](../images/docs/workflows.jpg)\n\n## Passo 2: Adiciona e liga nos\n\nNa tela, cada **no** executa um passo, e tu liges-os de forma que a saida de um alimente o seguinte. Clica em **Add Node** (o botao + na barra de ferramentas da tela) para abrir a paleta de nos, e arrasta ou clica para colocar nos. O exemplo abaixo e um pipeline de Fotografia de Produto com cinco nos que executa por ordem: Product Photos, Batch, Remove Background, Studio Lighting, HD Upscale.\n\n![A tela do DesignerBox com um fluxo de trabalho de Fotografia de Produto de cinco nos ligados, com o resultado de cada etapa](../images/docs/workflow-canvas.jpg)\n\nConsulta [Tipos de nos](/pt-pt/features/workflows-and-canvas/node-types) para saber o que cada no faz.\n\n## Passo 3: Configura cada no\n\nSeleciona um no para definir as suas opcoes, por exemplo o modelo num no de geracao ou a iluminacao num no de relighting. Cada no mostra a sua propria previa de resultado enquanto o fluxo de trabalho e executado.\n\n## Passo 4: Executa\n\nUsa **Run All** na barra de ferramentas superior para executar o pipeline inteiro, ou executa um unico no. A tela mostra o progresso de execucao e um estado de \"concluido\" para cada no quando termina. Os creditos sao consumidos por cada etapa de geracao.\n\n## Passo 5: Guarda, reutiliza e partilha\n\nOs fluxos de trabalho guardados aparecem em **My Workflows** com a sua contagem de nos, prontos para executar novamente. A barra de ferramentas da tela tambem oferece **Comments** para revisao em equipa (conversas fixadas na tela) e **Share**, e podes publicar um fluxo de trabalho na [Comunidade](/pt-pt/features/community).\n","tableOfContents":{"items":[{"url":"#fluxos-de-trabalho-e-a-tela","title":"Fluxos de Trabalho e a Tela","items":[{"url":"#passo-1-abre-workflows-e-inicia-um","title":"Passo 1: Abre Workflows e inicia um"},{"url":"#passo-2-adiciona-e-liga-nos","title":"Passo 2: Adiciona e liga nos"},{"url":"#passo-3-configura-cada-no","title":"Passo 3: Configura cada no"},{"url":"#passo-4-executa","title":"Passo 4: Executa"},{"url":"#passo-5-guarda-reutiliza-e-partilha","title":"Passo 5: Guarda, reutiliza e partilha"}]}]},"parent":{"__typename":"File","relativePath":"pt-pt/features/workflows-and-canvas.md"},"frontmatter":{"metaTitle":"Fluxos de Trabalho e Tela | DesignerBox","metaDescription":"Guia passo a passo para criar pipelines de AI personalizados na tela de nos do DesignerBox, do novo fluxo a execucao e partilha.","order":2}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/pt-pt/features","title":"Funcionalidades"}}},{"node":{"fields":{"slug":"/pt-pt/guides","title":"Guias"}}},{"node":{"fields":{"slug":"/pt-pt/knowledge-base","title":"Base de Conhecimento"}}},{"node":{"fields":{"slug":"/pt-pt/pricing-faqs","title":"FAQs de Precos"}}},{"node":{"fields":{"slug":"/pt-pt/integrations","title":"Integracoes"}}},{"node":{"fields":{"slug":"/pt-pt/features/relighting-and-angles","title":"Iluminacao e Angulos"}}},{"node":{"fields":{"slug":"/pt-pt/features/community","title":"Comunidade"}}},{"node":{"fields":{"slug":"/pt-pt/features/brand-profile","title":"Perfil de Marca e Biblioteca"}}},{"node":{"fields":{"slug":"/pt-pt/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/pt-pt/features/techniques-and-templates","title":"Tecnicas e Modelos"}}},{"node":{"fields":{"slug":"/pt-pt/features/upscaling","title":"Ampliacao"}}},{"node":{"fields":{"slug":"/pt-pt/features/workflows-and-canvas","title":"Fluxos de Trabalho e a Tela"}}},{"node":{"fields":{"slug":"/pt-pt/features/virtual-try-on","title":"Virtual Try-On"}}},{"node":{"fields":{"slug":"/pt-pt/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/pt-pt/integrations/api","title":"API"}}},{"node":{"fields":{"slug":"/pt-pt/integrations/white-label","title":"Marca Branca"}}},{"node":{"fields":{"slug":"/pt-pt/guides/building-workflows-on-the-canvas","title":"Criar Fluxos de Trabalho na Tela"}}},{"node":{"fields":{"slug":"/pt-pt/guides/create-your-first-image","title":"Cria a Tua Primeira Imagem"}}},{"node":{"fields":{"slug":"/pt-pt/guides/using-techniques-and-templates","title":"Utilizar Tecnicas e Modelos"}}},{"node":{"fields":{"slug":"/pt-pt/knowledge-base/understanding-declined-card-payments","title":"Compreender Pagamentos Recusados"}}},{"node":{"fields":{"slug":"/pt-pt/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/pt-pt/knowledge-base/how-to-update-card-details","title":"Como Atualizar os Dados do Cartao"}}},{"node":{"fields":{"slug":"/pt-pt/guides/creating-videos","title":"Criar Videos"}}},{"node":{"fields":{"slug":"/pt-pt/knowledge-base/plans-credits-and-limits","title":"Planos, Creditos e Limites"}}},{"node":{"fields":{"slug":"/pt-pt/guides/teams-and-brand-profiles","title":"Equipas e Perfis de Marca"}}},{"node":{"fields":{"slug":"/pt-pt","title":"Documentacao DesignerBox"}}},{"node":{"fields":{"slug":"/pt-pt/features/workflows-and-canvas/node-types","title":"Tipos de Nos"}}},{"node":{"fields":{"slug":"/pt-pt/features/image-generation/editing-modes","title":"Modos de Edicao"}}}]}},"pageContext":{"id":"b0f35e1f-07bb-58a3-aeef-0cb914b38e15","locale":"pt-PT"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}