{"componentChunkName":"component---src-templates-docs-js","path":"/features/video","result":{"data":{"site":{"siteMetadata":{"title":"Documentation | DesignerBox","docsLocation":""}},"mdx":{"fields":{"id":"f629b7f6-a75c-51f3-99c3-029b23db2133","title":"AI Video","slug":"/features/video","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\": \"AI Video\",\n  \"metaTitle\": \"AI Video Generation | DesignerBox\",\n  \"metaDescription\": \"A step-by-step guide to AI Video in DesignerBox: pick a mode and model, set resolution and duration, and generate.\",\n  \"order\": 4\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, \"AI Video\"), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"AI Video\"), \" creates cinematic AI video with synchronized audio, from a prompt or from an image. This page walks through the tool and its options step by step.\"), mdx(\"h2\", null, \"Step 1: Choose a mode\"), mdx(\"p\", null, \"Open \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"AI Video\"), \" from the sidebar. Below the prompt, pick how the video starts:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Text to Video\"), \" - generate a video from a written description.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Image to Video\"), \" - animate a still image you provide.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Extend Video\"), \" - continue an existing clip.\")), 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/f83c2e8d74a6eddcc59e7898e7b4fb19/356e8/ai-video.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/aAAwDAQACEAMQAAAB3YoQf//EABQQAQAAAAAAAAAAAAAAAAAAACD/2gAIAQEAAQUCX//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABQQAQAAAAAAAAAAAAAAAAAAACD/2gAIAQEABj8CX//EABcQAAMBAAAAAAAAAAAAAAAAAAARICH/2gAIAQEAAT8hHs//2gAMAwEAAgADAAAAELDv/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGhAAAwEBAQEAAAAAAAAAAAAAAAERITFBUf/aAAgBAQABPxBrU5HOlYuHelf30eIWpH//2Q==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"The AI Video tool showing the four steps, the model selector, prompt box, and mode buttons\",\n    \"title\": \"The AI Video tool showing the four steps, the model selector, prompt box, and mode buttons\",\n    \"src\": \"/docs/static/f83c2e8d74a6eddcc59e7898e7b4fb19/4b190/ai-video.jpg\",\n    \"srcSet\": [\"/docs/static/f83c2e8d74a6eddcc59e7898e7b4fb19/e07e9/ai-video.jpg 200w\", \"/docs/static/f83c2e8d74a6eddcc59e7898e7b4fb19/066f9/ai-video.jpg 400w\", \"/docs/static/f83c2e8d74a6eddcc59e7898e7b4fb19/4b190/ai-video.jpg 800w\", \"/docs/static/f83c2e8d74a6eddcc59e7898e7b4fb19/e5166/ai-video.jpg 1200w\", \"/docs/static/f83c2e8d74a6eddcc59e7898e7b4fb19/356e8/ai-video.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, \"Step 2: Pick a model\"), mdx(\"p\", null, \"Open the model selector (it shows your current model, resolution, and duration). Video models are priced per second of output, and higher-quality models require a higher plan:\"), 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/e4919bdb4757783e855be869562b5b1c/356e8/ai-video-options.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/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMFAf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAbsG6saYH//EABkQAQACAwAAAAAAAAAAAAAAAAIAEBITFP/aAAgBAQABBQKFrvrWMp//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAZEAACAwEAAAAAAAAAAAAAAAAREgEQUQD/2gAIAQEABj8C4NIbbZYO1//EABsQAAEEAwAAAAAAAAAAAAAAABAAAREhMVFx/9oACAEBAAE/IXW2pWBgg5Vj/9oADAMBAAIAAwAAABC47//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EABoQAAIDAQEAAAAAAAAAAAAAAAERACExUaH/2gAIAQEAAT8QDCkVsMMzK3URpZN2M+qBHLum3XBYE//Z')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"The AI Video options panel listing video models with per-second credit costs, format, resolution, and duration\",\n    \"title\": \"The AI Video options panel listing video models with per-second credit costs, format, resolution, and duration\",\n    \"src\": \"/docs/static/e4919bdb4757783e855be869562b5b1c/4b190/ai-video-options.jpg\",\n    \"srcSet\": [\"/docs/static/e4919bdb4757783e855be869562b5b1c/e07e9/ai-video-options.jpg 200w\", \"/docs/static/e4919bdb4757783e855be869562b5b1c/066f9/ai-video-options.jpg 400w\", \"/docs/static/e4919bdb4757783e855be869562b5b1c/4b190/ai-video-options.jpg 800w\", \"/docs/static/e4919bdb4757783e855be869562b5b1c/e5166/ai-video-options.jpg 1200w\", \"/docs/static/e4919bdb4757783e855be869562b5b1c/356e8/ai-video-options.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(\"table\", null, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Model\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Credits per second\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Plan\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Veo 3.1 Lite\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"5\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"included\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Veo 3.1 Fast\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"10\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Pro\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Veo 3.1\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"40\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Premium\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Seedance 2.0 Fast\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"25\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Pro\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Seedance 2.0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"31\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Pro\")))), mdx(\"h2\", null, \"Step 3: Set format, resolution, and duration\"), mdx(\"p\", null, \"In the same panel choose:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Format\"), \" - 16:9 (wide) or 9:16 (vertical).\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Resolution\"), \" - 720p, 1080p, or 4K.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Duration\"), \" - 4s, 6s, or 8s.\")), mdx(\"h2\", null, \"Step 4: Add inputs (optional)\"), mdx(\"p\", null, \"For image or extend modes, add an \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"input image\"), \" (used as the first frame) and up to three \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"reference\"), \" images, either uploaded or chosen from your \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/features/brand-profile\"\n  }, \"Library\"), \".\"), mdx(\"h2\", null, \"Step 5: Write your prompt and generate\"), mdx(\"p\", null, \"Describe the scene, optionally use \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Enhance\"), \" to expand it, then select \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Generate\"), \". Video credits are dynamic: the cost is the model's per-second rate multiplied by the duration, so an 8-second clip costs twice a 4-second clip at the same model. The exact cost is shown on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Generate\"), \" button before you run, and finished videos appear in your \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"My Videos\"), \" tab and in \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/features/brand-profile\"\n  }, \"My Library\"), \".\"), mdx(\"p\", null, \"For how credits and plans work, see \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs/knowledge-base/plans-credits-and-limits\"\n  }, \"Plans, Credits, and Limits\"), \".\"));\n}\n;\nMDXContent.isMDXComponent = true;","rawBody":"---\ntitle: \"AI Video\"\nmetaTitle: \"AI Video Generation | DesignerBox\"\nmetaDescription: \"A step-by-step guide to AI Video in DesignerBox: pick a mode and model, set resolution and duration, and generate.\"\norder: 4\n---\n\n# AI Video\n\n**AI Video** creates cinematic AI video with synchronized audio, from a prompt or from an image. This page walks through the tool and its options step by step.\n\n## Step 1: Choose a mode\n\nOpen **AI Video** from the sidebar. Below the prompt, pick how the video starts:\n\n- **Text to Video** - generate a video from a written description.\n- **Image to Video** - animate a still image you provide.\n- **Extend Video** - continue an existing clip.\n\n![The AI Video tool showing the four steps, the model selector, prompt box, and mode buttons](../images/docs/ai-video.jpg)\n\n## Step 2: Pick a model\n\nOpen the model selector (it shows your current model, resolution, and duration). Video models are priced per second of output, and higher-quality models require a higher plan:\n\n![The AI Video options panel listing video models with per-second credit costs, format, resolution, and duration](../images/docs/ai-video-options.jpg)\n\n| Model | Credits per second | Plan |\n|---|---|---|\n| Veo 3.1 Lite | 5 | included |\n| Veo 3.1 Fast | 10 | Pro |\n| Veo 3.1 | 40 | Premium |\n| Seedance 2.0 Fast | 25 | Pro |\n| Seedance 2.0 | 31 | Pro |\n\n## Step 3: Set format, resolution, and duration\n\nIn the same panel choose:\n\n- **Format** - 16:9 (wide) or 9:16 (vertical).\n- **Resolution** - 720p, 1080p, or 4K.\n- **Duration** - 4s, 6s, or 8s.\n\n## Step 4: Add inputs (optional)\n\nFor image or extend modes, add an **input image** (used as the first frame) and up to three **reference** images, either uploaded or chosen from your [Library](/features/brand-profile).\n\n## Step 5: Write your prompt and generate\n\nDescribe the scene, optionally use **Enhance** to expand it, then select **Generate**. Video credits are dynamic: the cost is the model's per-second rate multiplied by the duration, so an 8-second clip costs twice a 4-second clip at the same model. The exact cost is shown on the **Generate** button before you run, and finished videos appear in your **My Videos** tab and in [My Library](/features/brand-profile).\n\nFor how credits and plans work, see [Plans, Credits, and Limits](/knowledge-base/plans-credits-and-limits).\n","tableOfContents":{"items":[{"url":"#ai-video","title":"AI Video","items":[{"url":"#step-1-choose-a-mode","title":"Step 1: Choose a mode"},{"url":"#step-2-pick-a-model","title":"Step 2: Pick a model"},{"url":"#step-3-set-format-resolution-and-duration","title":"Step 3: Set format, resolution, and duration"},{"url":"#step-4-add-inputs-optional","title":"Step 4: Add inputs (optional)"},{"url":"#step-5-write-your-prompt-and-generate","title":"Step 5: Write your prompt and generate"}]}]},"parent":{"__typename":"File","relativePath":"en/features/video.md"},"frontmatter":{"metaTitle":"AI Video Generation | DesignerBox","metaDescription":"A step-by-step guide to AI Video in DesignerBox: pick a mode and model, set resolution and duration, and generate.","order":4}},"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":"f629b7f6-a75c-51f3-99c3-029b23db2133","locale":"en-GB"}},"staticQueryHashes":["361965504","361965504","417421954","417421954","445494767","445494767"]}