{"componentChunkName":"component---src-templates-docs-js","path":"/features/techniques-and-templates","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"aebd47d3-272d-56e2-b2a8-8d86333a3b3d","title":"Techniques and Templates","slug":"/features/techniques-and-templates","locale":"en-GB"},"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\": \"Techniques and Templates\",\n  \"metaTitle\": \"Techniques and Templates | DesignerBox\",\n  \"metaDescription\": \"A step-by-step guide to DesignerBox techniques: browse the library, add your images, configure a recipe, and run it.\",\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, \"Techniques and Templates\"), mdx(\"p\", null, \"A \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"technique\"), \" is a pre-built workflow recipe. Each one is a ready-to-run pipeline: add your images, set a few options, and run. Techniques are the quickest path to a polished, repeatable result without building anything yourself.\"), mdx(\"h2\", null, \"Step 1: Browse the library\"), mdx(\"p\", null, \"Open \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Techniques\"), \" from the sidebar. Each card shows a preview, a short description, and its credit cost.\"), 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/579514abe28c9ded63a07993867aa3f7/356e8/techniques.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/8QAFgABAQEAAAAAAAAAAAAAAAAABAUA/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAagER1uY2T//xAAbEAEAAgIDAAAAAAAAAAAAAAADAAECBBETIf/aAAgBAQABBQJ064bLAtLw2vamjfI//8QAFhEBAQEAAAAAAAAAAAAAAAAAARBB/9oACAEDAQE/AcWf/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGxAAAgIDAQAAAAAAAAAAAAAAAAECERAhI3H/2gAIAQEABj8CiSUnbs6PdkcP0//EABsQAQEBAAMBAQAAAAAAAAAAAAERACExUWHw/9oACAEBAAE/IYEdr7OMID4hEJmEHBKixd6w96+mRL+w3//aAAwDAQACAAMAAAAQMw//xAAYEQACAwAAAAAAAAAAAAAAAAABEBFxof/aAAgBAwEBPxAChGr/xAAXEQADAQAAAAAAAAAAAAAAAAABEBEh/9oACAECAQE/EDcX/8QAGxABAQADAQEBAAAAAAAAAAAAAREAITFRQYH/2gAIAQEAAT8QQ2dSjRtOZvJY8D5N7j+Yvi4GHIeHtwAKiUsQMHWwFqOwxca38w//2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"The Techniques library of recipe cards, each with a preview and credit cost\",\n    \"title\": \"The Techniques library of recipe cards, each with a preview and credit cost\",\n    \"src\": \"/docs/static/579514abe28c9ded63a07993867aa3f7/4b190/techniques.jpg\",\n    \"srcSet\": [\"/docs/static/579514abe28c9ded63a07993867aa3f7/e07e9/techniques.jpg 200w\", \"/docs/static/579514abe28c9ded63a07993867aa3f7/066f9/techniques.jpg 400w\", \"/docs/static/579514abe28c9ded63a07993867aa3f7/4b190/techniques.jpg 800w\", \"/docs/static/579514abe28c9ded63a07993867aa3f7/e5166/techniques.jpg 1200w\", \"/docs/static/579514abe28c9ded63a07993867aa3f7/356e8/techniques.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, \"A sample of what is available and its approximate cost:\"), mdx(\"table\", null, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Technique\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"What it does\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Approx. credits\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Product Photography\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Professional e-commerce product pipeline\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"4\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Relighting Studio\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Apply professional lighting setups\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"8\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Multi-Angle Generator\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Several distinct product shot types\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"5\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"360 Product Showcase\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"A complete multi-angle product set\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"10\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Instagram Carousel\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Unify several photos into one cohesive set\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"6\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Brand Ad Creator\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Campaign-ready ad directions\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"10\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Brand Style Unifier\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Harmonize a set of product or lifestyle shots\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"10\")))), mdx(\"p\", null, \"Costs are shown on each card and may vary with your inputs.\"), mdx(\"h2\", null, \"Step 2: Add your images and configure\"), mdx(\"p\", null, \"Open a technique, add your input image or images, and adjust the options it exposes. Each technique is tuned for its job, so there are only a few choices to make.\"), mdx(\"h2\", null, \"Step 3: Run\"), mdx(\"p\", null, \"Run the technique. The credit cost is shown before you commit, and results land in \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/features/brand-profile\"\n  }, \"My Library\"), \".\"), mdx(\"h2\", null, \"Step 4: Customize as a workflow\"), mdx(\"p\", null, \"Any technique can be opened as a \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/features/workflows-and-canvas\"\n  }, \"workflow on the canvas\"), \", where you can change its nodes, add steps, and save it as your own reusable version. New to techniques? Start with \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/guides/using-techniques-and-templates\"\n  }, \"Using techniques and templates\"), \".\"));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Techniques and Templates\"\nmetaTitle: \"Techniques and Templates | DesignerBox\"\nmetaDescription: \"A step-by-step guide to DesignerBox techniques: browse the library, add your images, configure a recipe, and run it.\"\norder: 3\n---\n\n# Techniques and Templates\n\nA **technique** is a pre-built workflow recipe. Each one is a ready-to-run pipeline: add your images, set a few options, and run. Techniques are the quickest path to a polished, repeatable result without building anything yourself.\n\n## Step 1: Browse the library\n\nOpen **Techniques** from the sidebar. Each card shows a preview, a short description, and its credit cost.\n\n![The Techniques library of recipe cards, each with a preview and credit cost](../images/docs/techniques.jpg)\n\nA sample of what is available and its approximate cost:\n\n| Technique | What it does | Approx. credits |\n|---|---|---|\n| Product Photography | Professional e-commerce product pipeline | 4 |\n| Relighting Studio | Apply professional lighting setups | 8 |\n| Multi-Angle Generator | Several distinct product shot types | 5 |\n| 360 Product Showcase | A complete multi-angle product set | 10 |\n| Instagram Carousel | Unify several photos into one cohesive set | 6 |\n| Brand Ad Creator | Campaign-ready ad directions | 10 |\n| Brand Style Unifier | Harmonize a set of product or lifestyle shots | 10 |\n\nCosts are shown on each card and may vary with your inputs.\n\n## Step 2: Add your images and configure\n\nOpen a technique, add your input image or images, and adjust the options it exposes. Each technique is tuned for its job, so there are only a few choices to make.\n\n## Step 3: Run\n\nRun the technique. The credit cost is shown before you commit, and results land in [My Library](/features/brand-profile).\n\n## Step 4: Customize as a workflow\n\nAny technique can be opened as a [workflow on the canvas](/features/workflows-and-canvas), where you can change its nodes, add steps, and save it as your own reusable version. New to techniques? Start with [Using techniques and templates](/guides/using-techniques-and-templates).\n","tableOfContents":{"items":[{"url":"#techniques-and-templates","title":"Techniques and Templates","items":[{"url":"#step-1-browse-the-library","title":"Step 1: Browse the library"},{"url":"#step-2-add-your-images-and-configure","title":"Step 2: Add your images and configure"},{"url":"#step-3-run","title":"Step 3: Run"},{"url":"#step-4-customize-as-a-workflow","title":"Step 4: Customize as a workflow"}]}]},"parent":{"__typename":"File","relativePath":"en/features/techniques-and-templates.md"},"frontmatter":{"metaTitle":"Techniques and Templates | DesignerBox","metaDescription":"A step-by-step guide to DesignerBox techniques: browse the library, add your images, configure a recipe, and run it.","order":3}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/features","title":"Features"}}},{"node":{"fields":{"slug":"/guides","title":"Guides"}}},{"node":{"fields":{"slug":"/integrations","title":"Integrations"}}},{"node":{"fields":{"slug":"/pricing-faqs","title":"Pricing FAQs"}}},{"node":{"fields":{"slug":"/knowledge-base","title":"Knowledge Base"}}},{"node":{"fields":{"slug":"/features/avatars-and-models","title":"AI Character"}}},{"node":{"fields":{"slug":"/features/brand-profile","title":"Brand Profile and Library"}}},{"node":{"fields":{"slug":"/features/relighting-and-angles","title":"Relighting and Angles"}}},{"node":{"fields":{"slug":"/features/upscaling","title":"Upscaling"}}},{"node":{"fields":{"slug":"/features/image-generation","title":"AI Image"}}},{"node":{"fields":{"slug":"/features/virtual-try-on","title":"Virtual Try-On"}}},{"node":{"fields":{"slug":"/features/video","title":"AI Video"}}},{"node":{"fields":{"slug":"/guides/building-workflows-on-the-canvas","title":"Building Workflows on the Canvas"}}},{"node":{"fields":{"slug":"/guides/create-your-first-image","title":"Create Your First Image"}}},{"node":{"fields":{"slug":"/features/techniques-and-templates","title":"Techniques and Templates"}}},{"node":{"fields":{"slug":"/guides/teams-and-brand-profiles","title":"Teams and Brand Profiles"}}},{"node":{"fields":{"slug":"/features/community","title":"Community"}}},{"node":{"fields":{"slug":"/guides/using-techniques-and-templates","title":"Using Techniques and Templates"}}},{"node":{"fields":{"slug":"/features/workflows-and-canvas","title":"Workflows and the Canvas"}}},{"node":{"fields":{"slug":"/integrations/api","title":"API"}}},{"node":{"fields":{"slug":"/guides/creating-videos","title":"Creating Videos"}}},{"node":{"fields":{"slug":"/integrations/white-label","title":"White-Label"}}},{"node":{"fields":{"slug":"/knowledge-base/how-to-update-card-details","title":"How to Update Card Details"}}},{"node":{"fields":{"slug":"/knowledge-base/plans-credits-and-limits","title":"Plans, Credits, and Limits"}}},{"node":{"fields":{"slug":"/knowledge-base/understanding-declined-card-payments","title":"Understanding Declined Card Payments"}}},{"node":{"fields":{"slug":"/features/workflows-and-canvas/node-types","title":"Node Types"}}},{"node":{"fields":{"slug":"/features/image-generation/editing-modes","title":"Editing Modes"}}},{"node":{"fields":{"slug":"/","title":"DesignerBox Documentation"}}}]}},"pageContext":{"id":"aebd47d3-272d-56e2-b2a8-8d86333a3b3d","locale":"en-GB"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}