[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fheygen\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":232},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":212,"links":213,"dates":229},"\u002Fexamples\u002Fapps\u002Fheygen\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"HeyGen user flows examples - Nicelydone","Explore HeyGen user flow examples. Preview the opening screens and steps for each task. AI video generator that turns ideas into professional videos in minutes","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3128243e-7c36-4b9c-a771-c1e20b18b4ae.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":23,"to":4},"HeyGen user flows examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"HeyGen","heygen","AI video generator that turns ideas into professional videos in minutes","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","https:\u002F\u002Fwww.heygen.com\u002F",[35,39],{"id":36,"title":37,"slug":38},100,"Video","video",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",[44,70,95,122,137,163,189],{"uuid":45,"title":46,"description":47,"canonical_path":4,"kind":48,"patterns_count":49,"categories":50,"screens":55,"app":69},"116d80c5-2d84-4911-9bc5-28ab1ed044d9","Completing onboarding questionnaire","User answers intent questionnaire then selects video use cases, role, and creator persona to personalize HeyGen account","flow",7,[51],{"id":52,"title":53,"slug":54},45,"Onboarding","onboarding",[56,63,66],{"uuid":57,"title":58,"description":59,"image":11,"image_alt":60,"width":61,"height":62},"3128243e-7c36-4b9c-a771-c1e20b18b4ae","HeyGen - AI Spokesperson Video Creator","Account setup","HeyGen - AI Spokesperson Video Creator from HeyGen",3024,1758,{"uuid":64,"title":58,"description":59,"image":65,"image_alt":60,"width":61,"height":62},"defcb970-b5f0-4fff-9bf0-d888be32c881","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdefcb970-b5f0-4fff-9bf0-d888be32c881.png",{"uuid":67,"title":58,"description":59,"image":68,"image_alt":60,"width":61,"height":62},"aa03b42e-5ee0-46f3-ba49-840ff91bef4d","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa03b42e-5ee0-46f3-ba49-840ff91bef4d.png",{"slug":30,"title":29,"logo":32},{"uuid":71,"title":72,"description":73,"canonical_path":4,"kind":48,"patterns_count":74,"categories":75,"screens":79,"app":94},"6cd99238-6549-42a2-98d1-de902e670a37","Upgrading subscription","User views marketing pricing pages and in-app paywalls, compares Free through Enterprise tiers with credits and seats, then selects and upgrades plan",13,[76],{"id":77,"title":72,"slug":78},49,"upgrade-your-plan",[80,86,90],{"uuid":81,"title":82,"description":83,"image":84,"image_alt":85,"width":61,"height":62},"aa5259ff-e575-467c-91ce-0e2426adb788","HeyGen - HeyGen","SaaS pricing Subscription plans","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa5259ff-e575-467c-91ce-0e2426adb788.png","HeyGen - HeyGen from HeyGen",{"uuid":87,"title":82,"description":88,"image":89,"image_alt":85,"width":61,"height":62},"628b5bc7-155a-4b91-bf9d-1779724bace8","SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F628b5bc7-155a-4b91-bf9d-1779724bace8.png",{"uuid":91,"title":82,"description":92,"image":93,"image_alt":85,"width":61,"height":62},"db088569-9ac2-4e76-965b-b64488126b95","Plan comparison Enterprise plan SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdb088569-9ac2-4e76-965b-b64488126b95.png",{"slug":30,"title":29,"logo":32},{"uuid":96,"title":97,"description":98,"canonical_path":4,"kind":48,"patterns_count":74,"categories":99,"screens":108,"app":121},"3f96a25d-a151-4182-b7d3-215be8eb4ffe","Creating AI avatar","User configures demographics, appearance prompt, orientation, pose and style in successive modals to generate and select an AI avatar in HeyGen",[100,104],{"id":101,"title":102,"slug":103},28,"Creating","create",{"id":105,"title":106,"slug":107},78,"Creating content","create-content",[109,113,117],{"uuid":110,"title":58,"description":111,"image":112,"image_alt":60,"width":61,"height":62},"c9fc6311-3bc1-4aa0-a7f3-4341ef3cb092","Modal where the user configures a new AI avatar by defining its name, demographics, appearance description, orientation, and pose.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc9fc6311-3bc1-4aa0-a7f3-4341ef3cb092.png",{"uuid":114,"title":58,"description":115,"image":116,"image_alt":60,"width":61,"height":62},"122bc4ae-d632-49b5-b795-dec347386f0c","Creation modal where the user configures basic details, appearance, and style to generate a new AI avatar character.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F122bc4ae-d632-49b5-b795-dec347386f0c.png",{"uuid":118,"title":58,"description":119,"image":120,"image_alt":60,"width":61,"height":62},"6c921201-15a7-43b3-aeb5-eabcb86ed360","Creation modal where the user configures the name, age, gender, appearance, orientation, pose, and style to generate a new AI avatar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c921201-15a7-43b3-aeb5-eabcb86ed360.png",{"slug":30,"title":29,"logo":32},{"uuid":123,"title":124,"description":125,"canonical_path":4,"kind":48,"patterns_count":126,"categories":127,"screens":132,"app":136},"48a3db3e-7785-44f4-a71d-3dbc4bf971ea","Configuring avatar appearance","User configures AI avatar name, demographics, appearance prompt, orientation, pose and style inside creation modal before generating preview image or video",9,[128],{"id":129,"title":130,"slug":131},67,"Customizing","customize",[133,134,135],{"uuid":110,"title":58,"description":111,"image":112,"image_alt":60,"width":61,"height":62},{"uuid":114,"title":58,"description":115,"image":116,"image_alt":60,"width":61,"height":62},{"uuid":118,"title":58,"description":119,"image":120,"image_alt":60,"width":61,"height":62},{"slug":30,"title":29,"logo":32},{"uuid":138,"title":139,"description":140,"canonical_path":4,"kind":48,"patterns_count":141,"categories":142,"screens":148,"app":162},"b914376e-d708-443c-a916-9155510264d9","Generating AI video","User chats with video agent to generate script, configures memories, monitors rendering, reviews and edits output, then downloads final video",22,[143,147],{"id":144,"title":145,"slug":146},83,"Asking Artificial intelligence","ask-artificial-intelligence",{"id":105,"title":106,"slug":107},[149,155,158],{"uuid":150,"title":151,"description":152,"image":153,"image_alt":154,"width":61,"height":62},"2ba5384f-5bd5-4067-8907-e99420f1cf8f","HeyGen - Video Agent","Conversational UI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2ba5384f-5bd5-4067-8907-e99420f1cf8f.png","HeyGen - Video Agent from HeyGen",{"uuid":156,"title":151,"description":152,"image":157,"image_alt":154,"width":61,"height":62},"27ee68cc-7630-4b00-a24b-01c3d9f2e1a3","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27ee68cc-7630-4b00-a24b-01c3d9f2e1a3.png",{"uuid":159,"title":151,"description":160,"image":161,"image_alt":154,"width":61,"height":62},"75cc7f79-5862-4342-8560-1b6b777c0440","Modal where the user reviews, edits, accepts, or rejects suggested memories to personalize their AI video agent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F75cc7f79-5862-4342-8560-1b6b777c0440.png",{"slug":30,"title":29,"logo":32},{"uuid":164,"title":165,"description":166,"canonical_path":4,"kind":48,"patterns_count":167,"categories":168,"screens":173,"app":188},"e3e2cce3-04a0-4100-98a9-89e37129a01c","Sharing video","User configures link access, password protection, and embed options then copies the share link for a generated video via modal in HeyGen",6,[169],{"id":170,"title":171,"slug":172},15,"Sharing","share",[174,180,184],{"uuid":175,"title":176,"description":177,"image":178,"image_alt":179,"width":61,"height":62},"9969e2f3-b9b0-4d01-99e3-2022c28bdcda","Avatar IV Video | HeyGen","Share modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9969e2f3-b9b0-4d01-99e3-2022c28bdcda.png","Avatar IV Video | HeyGen from HeyGen",{"uuid":181,"title":176,"description":182,"image":183,"image_alt":179,"width":61,"height":62},"572dca37-c3bd-4fbb-b10d-108f89261271","Access control","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F572dca37-c3bd-4fbb-b10d-108f89261271.png",{"uuid":185,"title":176,"description":186,"image":187,"image_alt":179,"width":61,"height":62},"8a525f33-f51d-4a48-a7d6-14be7b422daa","Access control Share modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a525f33-f51d-4a48-a7d6-14be7b422daa.png",{"slug":30,"title":29,"logo":32},{"uuid":190,"title":191,"description":192,"canonical_path":4,"kind":48,"patterns_count":49,"categories":193,"screens":196,"app":211},"da53a142-ae4d-4a60-8913-17d642e21208","Generating avatar video","User creates avatar video via script input, avatar\u002Fvoice selection and AI generation in HeyGen, encountering paywall for advanced features",[194,195],{"id":105,"title":106,"slug":107},{"id":77,"title":72,"slug":78},[197,203,207],{"uuid":198,"title":199,"description":200,"image":201,"image_alt":202,"width":61,"height":62},"67307358-a3cb-4558-a1d5-91c04f60d62a","HeyGen - Avatar","AI video generation screen where the user inputs a script and selects an avatar look to produce a video.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67307358-a3cb-4558-a1d5-91c04f60d62a.png","HeyGen - Avatar from HeyGen",{"uuid":204,"title":199,"description":205,"image":206,"image_alt":202,"width":61,"height":62},"ee046f4f-53b3-4519-a017-6fa1926bf90f","AI video generation tool where the user inputs a script, selects an avatar and voice, and configures output settings to generate a video.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee046f4f-53b3-4519-a017-6fa1926bf90f.png",{"uuid":208,"title":199,"description":209,"image":210,"image_alt":202,"width":61,"height":62},"4af5c0fa-c172-4587-ac17-02d3ccfda5a3","AI generation page where the user creates a video by entering a script and selecting an avatar look.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4af5c0fa-c172-4587-ac17-02d3ccfda5a3.png",{"slug":30,"title":29,"logo":32},[],[214,217,220,223,226],{"label":215,"to":216},"HeyGen product screens","\u002Fexamples\u002Fapps\u002Fheygen\u002Fscreens",{"label":218,"to":219},"HeyGen marketing pages","\u002Fexamples\u002Fapps\u002Fheygen\u002Fmarketing",{"label":221,"to":222},"HeyGen UI components","\u002Fexamples\u002Fapps\u002Fheygen\u002Fcomponents",{"label":224,"to":225},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":227,"to":228},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":230,"updated_at":231},"2026-06-14T15:25:32.000Z","2026-09-13T13:02:39.000Z",{"left":233,"top":233,"width":234,"height":234,"rotate":233,"vFlip":235,"hFlip":235,"body":236},0,20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]