{"componentChunkName":"component---src-templates-docs-js","path":"/","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"a3335a50-3e5d-5668-b696-11b9d956d00a","title":"DesignerBox Documentation","slug":"/","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\": \"DesignerBox Documentation\",\n  \"metaTitle\": \"DesignerBox Documentation\",\n  \"metaDescription\": \"Learn how to generate AI images and videos, build workflows, use techniques, and collaborate in DesignerBox.\",\n  \"order\": 1\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, \"Welcome to DesignerBox\"), mdx(\"p\", null, \"DesignerBox is an AI studio for visual content. Generate and edit images, create AI videos, build reusable workflows on a node canvas, and run pre-built techniques, all in one place.\"), 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/22f2eb7e101ec8093af2a604793b65d2/356e8/home.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/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEF/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEAMQAAAB3bKAf//EABQQAQAAAAAAAAAAAAAAAAAAACD/2gAIAQEAAQUCX//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABQQAQAAAAAAAAAAAAAAAAAAACD/2gAIAQEABj8CX//EABkQAAIDAQAAAAAAAAAAAAAAAAEQABExIf/aAAgBAQABPyGhYXJuv//aAAwDAQACAAMAAAAQ0+//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAbEAEAAgIDAAAAAAAAAAAAAAABESEAURAxQf/aAAgBAQABPxBsKUisaSOsdowJeod8/wD/2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"DesignerBox home screen showing AI Image, AI Video, Techniques, and New Workflow\",\n    \"title\": \"DesignerBox home screen showing AI Image, AI Video, Techniques, and New Workflow\",\n    \"src\": \"/docs/static/22f2eb7e101ec8093af2a604793b65d2/4b190/home.jpg\",\n    \"srcSet\": [\"/docs/static/22f2eb7e101ec8093af2a604793b65d2/e07e9/home.jpg 200w\", \"/docs/static/22f2eb7e101ec8093af2a604793b65d2/066f9/home.jpg 400w\", \"/docs/static/22f2eb7e101ec8093af2a604793b65d2/4b190/home.jpg 800w\", \"/docs/static/22f2eb7e101ec8093af2a604793b65d2/e5166/home.jpg 1200w\", \"/docs/static/22f2eb7e101ec8093af2a604793b65d2/356e8/home.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, \"The core workflow\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Start from an image or a prompt\"), \" - upload your own photo or describe what you want.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Pick a technique or build a workflow\"), \" - run a \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/guides/using-techniques-and-templates\"\n  }, \"pre-built technique\"), \" or assemble your own pipeline \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/guides/building-workflows-on-the-canvas\"\n  }, \"on the canvas\"), \".\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Configure and generate\"), \" - choose your settings and generate. See \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/guides/create-your-first-image\"\n  }, \"Create your first image\"), \" to walk through it.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Download or iterate\"), \" - save the result, refine it, or \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/guides/creating-videos\"\n  }, \"turn it into a video\"), \".\")), mdx(\"h2\", null, \"Explore the docs\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/guides\"\n  }, \"Guides\"), \" - step-by-step walkthroughs for common workflows.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/features\"\n  }, \"Features\"), \" - AI Image, AI Video, AI Character, techniques, workflows, community, and more.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/integrations\"\n  }, \"Integrations\"), \" - the REST API and white-label options.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/knowledge-base\"\n  }, \"Knowledge Base\"), \" - plans, credits, limits, and billing.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/pricing-faqs\"\n  }, \"Pricing FAQs\"), \" - plans and what they include.\")), mdx(\"h2\", null, \"Need help?\"), mdx(\"p\", null, \"Reach support from the in-app help menu or visit \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://designerbox.ai\"\n  }, \"https://designerbox.ai\"), \".\"));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"DesignerBox Documentation\"\nmetaTitle: \"DesignerBox Documentation\"\nmetaDescription: \"Learn how to generate AI images and videos, build workflows, use techniques, and collaborate in DesignerBox.\"\norder: 1\n---\n\n# Welcome to DesignerBox\n\nDesignerBox is an AI studio for visual content. Generate and edit images, create AI videos, build reusable workflows on a node canvas, and run pre-built techniques, all in one place.\n\n![DesignerBox home screen showing AI Image, AI Video, Techniques, and New Workflow](images/docs/home.jpg)\n\n## The core workflow\n\n1. **Start from an image or a prompt** - upload your own photo or describe what you want.\n2. **Pick a technique or build a workflow** - run a [pre-built technique](/guides/using-techniques-and-templates) or assemble your own pipeline [on the canvas](/guides/building-workflows-on-the-canvas).\n3. **Configure and generate** - choose your settings and generate. See [Create your first image](/guides/create-your-first-image) to walk through it.\n4. **Download or iterate** - save the result, refine it, or [turn it into a video](/guides/creating-videos).\n\n## Explore the docs\n\n- [Guides](/guides) - step-by-step walkthroughs for common workflows.\n- [Features](/features) - AI Image, AI Video, AI Character, techniques, workflows, community, and more.\n- [Integrations](/integrations) - the REST API and white-label options.\n- [Knowledge Base](/knowledge-base) - plans, credits, limits, and billing.\n- [Pricing FAQs](/pricing-faqs) - plans and what they include.\n\n## Need help?\n\nReach support from the in-app help menu or visit [https://designerbox.ai](https://designerbox.ai).\n","tableOfContents":{"items":[{"url":"#welcome-to-designerbox","title":"Welcome to DesignerBox","items":[{"url":"#the-core-workflow","title":"The core workflow"},{"url":"#explore-the-docs","title":"Explore the docs"},{"url":"#need-help","title":"Need help?"}]}]},"parent":{"__typename":"File","relativePath":"en/index.mdx"},"frontmatter":{"metaTitle":"DesignerBox Documentation","metaDescription":"Learn how to generate AI images and videos, build workflows, use techniques, and collaborate in DesignerBox.","order":1}},"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":"a3335a50-3e5d-5668-b696-11b9d956d00a","locale":"en-GB"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}