{"componentChunkName":"component---src-templates-docs-js","path":"/guides","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"e8207de8-6789-55f1-a358-6ee36ce7afee","title":"Guides","slug":"/guides","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\": \"Guides\",\n  \"metaTitle\": \"DesignerBox Guides | Getting Started\",\n  \"metaDescription\": \"Step-by-step guides to create your first image, use techniques, build workflows, make videos, 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, \"What is DesignerBox?\"), mdx(\"p\", null, \"DesignerBox is an AI studio for visual content. You generate and edit images, create cinematic AI videos, run pre-built techniques, and assemble your own workflows on a node canvas, then share them with your team and the community.\"), mdx(\"h2\", null, \"Key capabilities\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"AI Image\"), \" - generate and edit images from text or another image.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"AI Video\"), \" - create cinematic AI video with synchronized audio.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"AI Character\"), \" - create reusable AI characters and avatar sets.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Techniques\"), \" - ready-to-run workflow recipes.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Workflows\"), \" - custom AI pipelines built on the canvas.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Community\"), \" - publish and copy shared workflows.\")), mdx(\"h2\", null, \"Start here\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/guides/create-your-first-image\"\n  }, \"Create your first image\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/guides/using-techniques-and-templates\"\n  }, \"Using techniques and templates\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/guides/building-workflows-on-the-canvas\"\n  }, \"Building workflows on the canvas\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/guides/creating-videos\"\n  }, \"Creating videos\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"/docs/guides/teams-and-brand-profiles\"\n  }, \"Teams and brand profiles\"))));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"Guides\"\nmetaTitle: \"DesignerBox Guides | Getting Started\"\nmetaDescription: \"Step-by-step guides to create your first image, use techniques, build workflows, make videos, and collaborate in DesignerBox.\"\norder: 1\n---\n\n# What is DesignerBox?\n\nDesignerBox is an AI studio for visual content. You generate and edit images, create cinematic AI videos, run pre-built techniques, and assemble your own workflows on a node canvas, then share them with your team and the community.\n\n## Key capabilities\n\n- **AI Image** - generate and edit images from text or another image.\n- **AI Video** - create cinematic AI video with synchronized audio.\n- **AI Character** - create reusable AI characters and avatar sets.\n- **Techniques** - ready-to-run workflow recipes.\n- **Workflows** - custom AI pipelines built on the canvas.\n- **Community** - publish and copy shared workflows.\n\n## Start here\n\n1. [Create your first image](/guides/create-your-first-image)\n2. [Using techniques and templates](/guides/using-techniques-and-templates)\n3. [Building workflows on the canvas](/guides/building-workflows-on-the-canvas)\n4. [Creating videos](/guides/creating-videos)\n5. [Teams and brand profiles](/guides/teams-and-brand-profiles)\n","tableOfContents":{"items":[{"url":"#what-is-designerbox","title":"What is DesignerBox?","items":[{"url":"#key-capabilities","title":"Key capabilities"},{"url":"#start-here","title":"Start here"}]}]},"parent":{"__typename":"File","relativePath":"en/guides.md"},"frontmatter":{"metaTitle":"DesignerBox Guides | Getting Started","metaDescription":"Step-by-step guides to create your first image, use techniques, build workflows, make videos, 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":"e8207de8-6789-55f1-a358-6ee36ce7afee","locale":"en-GB"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}