[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":352},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":329,"links":330,"dates":349},"\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Magnific user flows examples - Nicelydone","Explore Magnific user flow examples. Preview the opening screens and steps for each task. The creative platform to direct your best work.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9593100d-f303-4b35-970c-ef7119622215.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},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":23,"to":4},"Magnific 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},"Magnific","magnific","The creative platform to direct your best work.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","https:\u002F\u002Fmagnific.com\u002F",[35,39,43],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},15,"Media and Entertainment","media-and-entertainment",{"id":44,"title":45,"slug":46},80,"Artificial Intelligence","artificial-intelligence",[48,73,99,119,143,168,184,209,238,263,283,307],{"uuid":49,"title":50,"description":51,"canonical_path":4,"kind":52,"patterns_count":36,"categories":53,"screens":57,"app":72},"a6c377a5-3dfe-4f53-b87b-ff9a81356e98","Signing up","User creates a Magnific account via OAuth providers or email\u002Fpassword on split-screen signup pages with product previews and password strength indicators","flow",[54],{"id":55,"title":50,"slug":56},103,"signing-up",[58,65,69],{"uuid":59,"title":60,"description":61,"image":11,"image_alt":62,"width":63,"height":64},"9593100d-f303-4b35-970c-ef7119622215","magnific.com\u002Fsign-up?client_id=magnific&lang=en&cb_url=https:\u002F\u002Fwww.magnific.com\u002Fuser\u002Fme","Account creation","magnific.com\u002Fsign-up?client_id=magnific&lang=en&cb_url=https:\u002F\u002Fwww.magnific.com\u002Fuser\u002Fme from Magnific",3024,1758,{"uuid":66,"title":60,"description":67,"image":68,"image_alt":62,"width":63,"height":64},"79aef19c-9b1a-4ffd-a47b-aa7ad19b2354","Signup page where the user creates an account using their email and password, featuring a node-based workflow product preview on the left panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79aef19c-9b1a-4ffd-a47b-aa7ad19b2354.png",{"uuid":70,"title":60,"description":61,"image":71,"image_alt":62,"width":63,"height":64},"81e27d88-5d9f-458a-bc1f-91ff7389301f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F81e27d88-5d9f-458a-bc1f-91ff7389301f.png",{"slug":30,"title":29,"logo":32},{"uuid":74,"title":75,"description":76,"canonical_path":4,"kind":52,"patterns_count":77,"categories":78,"screens":83,"app":98},"27ee3f76-8a52-4544-a884-8d7b6d35eb8b","Completing account onboarding","User completes multi-step onboarding in Magnific by personalizing profile, profiling creative needs and experience, selecting use cases, and initializing workspace",13,[79],{"id":80,"title":81,"slug":82},45,"Onboarding","onboarding",[84,90,94],{"uuid":85,"title":86,"description":87,"image":88,"image_alt":89,"width":63,"height":64},"431cc809-a704-419f-bd4c-24987a02a587","Magnific | All-in-One AI Creative Suite","Account setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F431cc809-a704-419f-bd4c-24987a02a587.png","Magnific | All-in-One AI Creative Suite from Magnific",{"uuid":91,"title":86,"description":92,"image":93,"image_alt":89,"width":63,"height":64},"232de053-3bf1-42b2-b5b4-ae127603ab92","Onboarding step where the user enters their name and selects a preferred interface theme to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F232de053-3bf1-42b2-b5b4-ae127603ab92.png",{"uuid":95,"title":86,"description":96,"image":97,"image_alt":89,"width":63,"height":64},"e4a9a327-3740-4d41-83ef-0ea3d4e0cfca","Onboarding step where the user indicates how they discovered the product by selecting from a cluster of social media and community pill buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4a9a327-3740-4d41-83ef-0ea3d4e0cfca.png",{"slug":30,"title":29,"logo":32},{"uuid":100,"title":101,"description":102,"canonical_path":4,"kind":52,"patterns_count":103,"categories":104,"screens":109,"app":118},"9818984f-9c45-4f10-adec-1b1436d7f24a","Profiling creative needs","Multi-step onboarding profiling to capture discovery source, experience level, persona, role, use cases, and collaboration preferences for account personalization",9,[105],{"id":106,"title":107,"slug":108},82,"Selecting","select",[110,111,114],{"uuid":95,"title":86,"description":96,"image":97,"image_alt":89,"width":63,"height":64},{"uuid":112,"title":86,"description":87,"image":113,"image_alt":89,"width":63,"height":64},"02e6def6-a936-4679-a297-20c6f1f2ddca","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F02e6def6-a936-4679-a297-20c6f1f2ddca.png",{"uuid":115,"title":86,"description":116,"image":117,"image_alt":89,"width":63,"height":64},"13e8ad91-b308-483a-8c60-a8bd0088d430","Onboarding step where the user selects their AI content creation experience level from beginner, intermediate, or advanced options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F13e8ad91-b308-483a-8c60-a8bd0088d430.png",{"slug":30,"title":29,"logo":32},{"uuid":120,"title":121,"description":122,"canonical_path":4,"kind":52,"patterns_count":36,"categories":123,"screens":128,"app":142},"f9751c36-2886-4d92-8893-cb49dbe0a42a","Comparing subscription plans","User reviews multiple in-app billing and pricing screens to compare Premium, Pro, and Business tiers with monthly\u002Fannual toggles, feature limits, credits, and enterprise options before upgrading.",[124],{"id":125,"title":126,"slug":127},49,"Upgrading subscription","upgrade-your-plan",[129,135,138],{"uuid":130,"title":131,"description":132,"image":133,"image_alt":134,"width":63,"height":64},"060c9919-9307-4140-b579-dadb0bda0cf0","Pricing plans | Magnific (formerly Freepik)","SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F060c9919-9307-4140-b579-dadb0bda0cf0.png","Pricing plans | Magnific (formerly Freepik) from Magnific",{"uuid":136,"title":131,"description":132,"image":137,"image_alt":134,"width":63,"height":64},"dffdc334-a90d-49b5-ab52-b39dc75ead73","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdffdc334-a90d-49b5-ab52-b39dc75ead73.png",{"uuid":139,"title":131,"description":140,"image":141,"image_alt":134,"width":63,"height":64},"8d79ff32-23ac-4dfe-a9db-9444a570bc46","Enterprise plan SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d79ff32-23ac-4dfe-a9db-9444a570bc46.png",{"slug":30,"title":29,"logo":32},{"uuid":144,"title":145,"description":146,"canonical_path":4,"kind":52,"patterns_count":36,"categories":147,"screens":152,"app":167},"82ba10be-60db-4e63-8442-5ec9ed07e85d","Generating images","User configures AI model, text prompt, and image references then triggers generation to produce new images in Magnific workspace",[148],{"id":149,"title":150,"slug":151},28,"Creating","create",[153,159,163],{"uuid":154,"title":155,"description":156,"image":157,"image_alt":158,"width":63,"height":64},"44197422-ebca-43c3-a27e-e5f047a1e95c","Image Generator I Magnific AI","AI generation interface where the user configures a text prompt, uploads image references, and selects a model to create new images.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F44197422-ebca-43c3-a27e-e5f047a1e95c.png","Image Generator I Magnific AI from Magnific",{"uuid":160,"title":155,"description":161,"image":162,"image_alt":158,"width":63,"height":64},"c68cedd3-879d-4c1b-a784-03a9d59db62b","AI model selection Onboarding modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc68cedd3-879d-4c1b-a784-03a9d59db62b.png",{"uuid":164,"title":155,"description":165,"image":166,"image_alt":158,"width":63,"height":64},"c7195aeb-f379-425d-a0ca-eddf2cae9dd0","AI image generation workspace where the user is searching for and selecting a specific rendering model from an overlay picker.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc7195aeb-f379-425d-a0ca-eddf2cae9dd0.png",{"slug":30,"title":29,"logo":32},{"uuid":169,"title":170,"description":171,"canonical_path":4,"kind":52,"patterns_count":172,"categories":173,"screens":179,"app":183},"28f923db-7f46-4ee3-b4fb-a59dd3db34c9","Configuring image generation","Creator configures AI image generation by selecting model, adding references, and writing prompt inside Magnific workspace, with product tour visible across screens",6,[174,175],{"id":106,"title":107,"slug":108},{"id":176,"title":177,"slug":178},71,"Settings","settings",[180,181,182],{"uuid":154,"title":155,"description":156,"image":157,"image_alt":158,"width":63,"height":64},{"uuid":160,"title":155,"description":161,"image":162,"image_alt":158,"width":63,"height":64},{"uuid":164,"title":155,"description":165,"image":166,"image_alt":158,"width":63,"height":64},{"slug":30,"title":29,"logo":32},{"uuid":185,"title":186,"description":187,"canonical_path":4,"kind":52,"patterns_count":172,"categories":188,"screens":193,"app":208},"be924dce-d9d9-4298-9e7e-8cc687639bdc","Building visual workflow","User builds an AI product shot flow by arranging image creation and text nodes on an infinite canvas in Magnific's workflow editor",[189],{"id":190,"title":191,"slug":192},31,"Creating workflow","create-workflow",[194,200,204],{"uuid":195,"title":196,"description":197,"image":198,"image_alt":199,"width":63,"height":64},"a71ec5fb-ae2f-4314-831d-a352ff0812fa","Nicelydone Product Shot Flow - Spaces | Magnific AI","Design editor where the user views and manipulates a generated image on an infinite dotted canvas using floating toolbars.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa71ec5fb-ae2f-4314-831d-a352ff0812fa.png","Nicelydone Product Shot Flow - Spaces | Magnific AI from Magnific",{"uuid":201,"title":196,"description":202,"image":203,"image_alt":199,"width":63,"height":64},"34f0667f-4b9f-4e7c-8e4f-3ee8338ee08e","Workflow builder Node based editor","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F34f0667f-4b9f-4e7c-8e4f-3ee8338ee08e.png",{"uuid":205,"title":196,"description":206,"image":207,"image_alt":199,"width":63,"height":64},"880db5ce-c13c-44f8-ae96-48433cac4ce8","Node based editor","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F880db5ce-c13c-44f8-ae96-48433cac4ce8.png",{"slug":30,"title":29,"logo":32},{"uuid":210,"title":211,"description":212,"canonical_path":4,"kind":52,"patterns_count":36,"categories":213,"screens":222,"app":237},"92ec4ef7-4186-42b6-8af7-68e97116d482","Searching stock images","User enters search query for stock images, browses masonry grid results, applies filters by license\u002Forientation\u002Fcolor, views AI suggestions in overlay, and saves or downloads assets",[214,218],{"id":215,"title":216,"slug":217},63,"Filtering & sorting","filter-sort",{"id":219,"title":220,"slug":221},43,"Searching","search",[223,229,233],{"uuid":224,"title":225,"description":226,"image":227,"image_alt":228,"width":63,"height":64},"5511ccf7-40d2-49a2-b6c8-cd0825777e19","Customer support team vectors, photos and PSD files | Free download","Search results","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5511ccf7-40d2-49a2-b6c8-cd0825777e19.png","Customer support team vectors, photos and PSD files | Free download from Magnific",{"uuid":230,"title":225,"description":231,"image":232,"image_alt":228,"width":63,"height":64},"0b034271-bc24-4454-aac7-d050e413553f","Search filters Media gallery","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b034271-bc24-4454-aac7-d050e413553f.png",{"uuid":234,"title":225,"description":235,"image":236,"image_alt":228,"width":63,"height":64},"ffac4068-a6a2-4a26-bef4-e32dbb8cbd60","Search results Media gallery","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fffac4068-a6a2-4a26-bef4-e32dbb8cbd60.png",{"slug":30,"title":29,"logo":32},{"uuid":239,"title":240,"description":241,"canonical_path":4,"kind":52,"patterns_count":36,"categories":242,"screens":247,"app":262},"760bf976-cebf-4d1f-9ff2-8cceb1814a32","Exploring MCP integration","Marketing feature page sequence presenting MCP server URL, setup instructions, capabilities, and FAQ for connecting Magnific to AI clients like Claude and ChatGPT",[243],{"id":244,"title":245,"slug":246},62,"Connecting to integration","connect-to-integration",[248,254,258],{"uuid":249,"title":250,"description":251,"image":252,"image_alt":253,"width":63,"height":64},"904aa862-fd58-405d-aa9b-2cf4610f2181","Magnific MCP. Every agent runs Magnific.","Feature page where the user can copy the Model Context Protocol server URL to connect the platform to AI clients like Claude and ChatGPT.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F904aa862-fd58-405d-aa9b-2cf4610f2181.png","Magnific MCP. Every agent runs Magnific. from Magnific",{"uuid":255,"title":250,"description":256,"image":257,"image_alt":253,"width":63,"height":64},"b4bcc06e-953d-46a8-a7e4-94953ac38ce5","Feature page hero section explaining how to connect the Magnific platform to various AI clients via MCP, providing a copyable server URL and a one-click installation button.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4bcc06e-953d-46a8-a7e4-94953ac38ce5.png",{"uuid":259,"title":250,"description":260,"image":261,"image_alt":253,"width":63,"height":64},"6295e66d-c59e-4c8a-ae5d-545a670a5510","Feature page section outlining the capabilities of the Magnific MCP integration, such as generation, editing, and model management, presented in a three-column grid above a media preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6295e66d-c59e-4c8a-ae5d-545a670a5510.png",{"slug":30,"title":29,"logo":32},{"uuid":264,"title":126,"description":265,"canonical_path":4,"kind":52,"patterns_count":266,"categories":267,"screens":269,"app":282},"1e5fb53e-4324-4636-b531-ba963349ce74","User views in-app pricing tiers, selects plan with monthly or annual billing and seat count, then completes payment in checkout modal to upgrade subscription",17,[268],{"id":125,"title":126,"slug":127},[270,274,278],{"uuid":271,"title":131,"description":272,"image":273,"image_alt":134,"width":63,"height":64},"5a6b4569-a501-42b0-b5cd-809f462cfe5f","Plan comparison","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a6b4569-a501-42b0-b5cd-809f462cfe5f.png",{"uuid":275,"title":131,"description":276,"image":277,"image_alt":134,"width":63,"height":64},"e57f696d-fbf3-4297-9687-beafbc3bd731","In-app billing page where the user selects a subscription tier from Premium, Premium+, Pro, or Business, with a monthly\u002Fannual toggle and a seat selector for the team plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe57f696d-fbf3-4297-9687-beafbc3bd731.png",{"uuid":279,"title":131,"description":280,"image":281,"image_alt":134,"width":63,"height":64},"95a4e0ec-1b17-4dda-a3d3-6c338be867e2","In-app pricing page where a large, blank white modal overlay obscures the subscription tiers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F95a4e0ec-1b17-4dda-a3d3-6c338be867e2.png",{"slug":30,"title":29,"logo":32},{"uuid":284,"title":285,"description":286,"canonical_path":4,"kind":52,"patterns_count":287,"categories":288,"screens":293,"app":306},"fde6ed50-f4a9-412c-be6a-d997ff07b7c3","Completing premium checkout","User enters billing details, selects payment method, reviews order summary, and confirms upgrade to Premium plan inside a checkout modal, handling loading and error states",11,[289],{"id":290,"title":291,"slug":292},84,"Setting up payment method","set-up-payment-method",[294,298,302],{"uuid":295,"title":131,"description":296,"image":297,"image_alt":134,"width":63,"height":64},"a41a1ca0-85bf-4b03-bf9e-b2d30ef4c7dc","Checkout modal where the user enters billing information, selects a payment method, and reviews the order summary to upgrade to a Premium plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa41a1ca0-85bf-4b03-bf9e-b2d30ef4c7dc.png",{"uuid":299,"title":131,"description":300,"image":301,"image_alt":134,"width":63,"height":64},"016f2af7-765d-4cc8-ac7e-e2f22aa62e71","Checkout modal where the user enters billing information, selects a payment method, and confirms their subscription upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F016f2af7-765d-4cc8-ac7e-e2f22aa62e71.png",{"uuid":303,"title":131,"description":304,"image":305,"image_alt":134,"width":63,"height":64},"cfcdd906-c04b-43e4-8d66-ac07b17fb1b8","Checkout modal where the user enters billing information and credit card details to complete an upgrade to a premium annual plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcfcdd906-c04b-43e4-8d66-ac07b17fb1b8.png",{"slug":30,"title":29,"logo":32},{"uuid":308,"title":309,"description":310,"canonical_path":4,"kind":52,"patterns_count":36,"categories":311,"screens":313,"app":328},"786cf394-dc64-43bf-b9c8-2e03391abc53","Generating videos","User configures AI model, text prompt, reference images, aspect ratio and duration in workspace then triggers generation and reviews output",[312],{"id":149,"title":150,"slug":151},[314,320,324],{"uuid":315,"title":316,"description":317,"image":318,"image_alt":319,"width":63,"height":64},"da998fb2-835c-40e7-9965-66a2619a4dfd","Video Generator I Magnific AI","AI video generation workspace where the user can configure model settings, upload reference images, and write a text prompt to create a video.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fda998fb2-835c-40e7-9965-66a2619a4dfd.png","Video Generator I Magnific AI from Magnific",{"uuid":321,"title":316,"description":322,"image":323,"image_alt":319,"width":63,"height":64},"ae0f7f44-2c0c-4d8f-a9b4-514ed6c62576","AI video generation tool where the user configures the model, reference images, and shot description, featuring a central product tutorial carousel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae0f7f44-2c0c-4d8f-a9b4-514ed6c62576.png",{"uuid":325,"title":316,"description":326,"image":327,"image_alt":319,"width":63,"height":64},"c07a882c-a47e-4326-b2e5-b4cee980f342","AI video generation tool where the user selects a specific provider and model from a searchable overlay modal while configuring shot parameters in the sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc07a882c-a47e-4326-b2e5-b4cee980f342.png",{"slug":30,"title":29,"logo":32},[],[331,334,337,340,343,346],{"label":332,"to":333},"Magnific product screens","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens",{"label":335,"to":336},"Magnific marketing pages","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fmarketing",{"label":338,"to":339},"Magnific UI components","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fcomponents",{"label":341,"to":342},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":344,"to":345},"Media and Entertainment app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmedia-and-entertainment",{"label":347,"to":348},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":350,"updated_at":351},"2026-07-02T08:38:13.000Z","2026-09-14T12:05:04.000Z",{"left":353,"top":353,"width":354,"height":354,"rotate":353,"vFlip":355,"hFlip":355,"body":356},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>"]