[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnotion\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":392},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":56,"showcases":351,"links":352,"dates":389},"\u002Fexamples\u002Fapps\u002Fnotion\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Notion user flows examples - Nicelydone","Explore Notion user flow examples. Preview the opening screens and steps for each task. A unified workspace for modern teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fff9d652c-d4b3-4fef-a1f3-7573c286b6dc.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},"Notion design examples","\u002Fexamples\u002Fapps\u002Fnotion",{"label":23,"to":4},"Notion 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,"twitter_username":34,"categories":35},"Notion","notion","A unified workspace for modern teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-67e349e9.png","http:\u002F\u002Fnotion.so","NotionHQ",[36,40,44,48,52],{"id":37,"title":38,"slug":39},29,"Task Management","task-management",{"id":41,"title":42,"slug":43},30,"Productivity","productivity",{"id":45,"title":46,"slug":47},22,"Knowledge Management","knowledge-management",{"id":49,"title":50,"slug":51},23,"Collaboration","collaboration",{"id":53,"title":54,"slug":55},80,"Artificial Intelligence","artificial-intelligence",[57,90,116,142,163,186,212,235,258,280,304,325],{"uuid":58,"title":59,"description":60,"canonical_path":4,"kind":61,"patterns_count":62,"categories":63,"screens":68,"app":89},"b7a48ed5-8b2f-47ad-b164-375554dc9339","Signing up and setting up workspace","This user flow guides a new user through the process of setting up an account on Notion, customizing their experience based on usage intent, setting up a workspace, inviting teammates, and st","flow",42,[64],{"id":65,"title":66,"slug":67},45,"Onboarding","onboarding",[69,76,83],{"uuid":70,"title":71,"description":72,"image":11,"image_alt":73,"width":74,"height":75},"ff9d652c-d4b3-4fef-a1f3-7573c286b6dc","Notion – Your wiki, docs | projects. Together.","Project management Collaboration Sidebar navigation Team collaboration","Notion – Your wiki, docs | projects. Together. from Notion",3024,22876,{"uuid":77,"title":78,"description":79,"image":80,"image_alt":81,"width":74,"height":82},"304bf669-1d30-4dd2-a633-a576283897fc","Notion - Log in","Authentication User authentication Account management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F304bf669-1d30-4dd2-a633-a576283897fc.png","Notion - Log in from Notion",1674,{"uuid":84,"title":85,"description":86,"image":87,"image_alt":88,"width":74,"height":82},"193deda9-aa8c-47ce-bde3-159e7a484999","Notion - Sign up","Authentication Account creation User authentication Form Account management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F193deda9-aa8c-47ce-bde3-159e7a484999.png","Notion - Sign up from Notion",{"slug":30,"title":29,"logo":32},{"uuid":91,"title":92,"description":93,"canonical_path":4,"kind":61,"patterns_count":94,"categories":95,"screens":100,"app":115},"ddeb9019-b715-4d2f-a822-dcc9e8fc4f20","Filtering task view","This user flow facilitates users in customizing their task view through filtering and sorting, allowing for enhanced task management and prioritization.",12,[96],{"id":97,"title":98,"slug":99},63,"Filtering & sorting","filter-sort",[101,107,111],{"uuid":102,"title":103,"description":104,"image":105,"image_alt":106,"width":74,"height":82},"4a60639b-3f2e-4f52-8998-97e919608560","Tasks | By project","Project management Collaboration Sidebar navigation Team collaboration Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4a60639b-3f2e-4f52-8998-97e919608560.png","Tasks | By project from Notion",{"uuid":108,"title":103,"description":109,"image":110,"image_alt":106,"width":74,"height":82},"1af9957b-bec1-46e1-bd9b-e908ab58c3d6","Project management Sidebar navigation Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1af9957b-bec1-46e1-bd9b-e908ab58c3d6.png",{"uuid":112,"title":103,"description":113,"image":114,"image_alt":106,"width":74,"height":82},"989f1ee8-6aa6-4435-ab4b-e1b85c9c2b16","Project management Sidebar navigation Team collaboration Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F989f1ee8-6aa6-4435-ab4b-e1b85c9c2b16.png",{"slug":30,"title":29,"logo":32},{"uuid":117,"title":118,"description":119,"canonical_path":4,"kind":61,"patterns_count":120,"categories":121,"screens":126,"app":141},"a8bf0de8-6980-47c8-975b-d8c4b64c9d39","Sharing task","This flow enables users to share a task or page within a workspace, customize sharing permissions, and ensure the selected content is accessible by specific individuals or groups.",13,[122],{"id":123,"title":124,"slug":125},15,"Sharing","share",[127,133,137],{"uuid":128,"title":129,"description":113,"image":130,"image_alt":131,"width":74,"height":132},"55589c07-4c39-4553-adfb-e40726220bc8","Tasks“ | All Tasks","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F55589c07-4c39-4553-adfb-e40726220bc8.png","Tasks“ | All Tasks from Notion",1738,{"uuid":134,"title":129,"description":135,"image":136,"image_alt":131,"width":74,"height":132},"95bfc0b6-8d50-4f90-92a4-31755e28f374","Project management Form Collaboration Sidebar navigation Task management Share modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F95bfc0b6-8d50-4f90-92a4-31755e28f374.png",{"uuid":138,"title":129,"description":139,"image":140,"image_alt":131,"width":74,"height":132},"711b94e5-bb26-47b7-b9d0-1028b988d270","Project management Form Collaboration Sidebar navigation Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F711b94e5-bb26-47b7-b9d0-1028b988d270.png",{"slug":30,"title":29,"logo":32},{"uuid":143,"title":144,"description":145,"canonical_path":4,"kind":61,"patterns_count":146,"categories":147,"screens":151,"app":162},"0ba88303-4ff4-49cd-ab52-a101a26031b8","Restoring previous version","This user flow enables a user to restore a previous version of a page in Notion.",6,[148],{"id":149,"title":144,"slug":150},56,"restore-previous-version",[152,155,158],{"uuid":153,"title":129,"description":113,"image":154,"image_alt":131,"width":74,"height":132},"2f197fd2-a198-4f0d-a3b8-87ca7c9c48d4","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f197fd2-a198-4f0d-a3b8-87ca7c9c48d4.png",{"uuid":156,"title":129,"description":109,"image":157,"image_alt":131,"width":74,"height":132},"adfb517d-5de8-4886-8632-b9d3b1ecb1ab","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fadfb517d-5de8-4886-8632-b9d3b1ecb1ab.png",{"uuid":159,"title":129,"description":160,"image":161,"image_alt":131,"width":74,"height":132},"73f6aae1-03a1-433e-934e-56981a389d5a","Project management Form Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73f6aae1-03a1-433e-934e-56981a389d5a.png",{"slug":30,"title":29,"logo":32},{"uuid":164,"title":165,"description":166,"canonical_path":4,"kind":61,"patterns_count":167,"categories":168,"screens":173,"app":185},"8df4c048-3ed4-4138-bead-fbad22bbc6b7","Exporting page","This flow enables a user to export a project page including content, subpages, settings, and format preferences from the platform.",5,[169],{"id":170,"title":171,"slug":172},26,"Exporting","export",[174,175,181],{"uuid":156,"title":129,"description":109,"image":157,"image_alt":131,"width":74,"height":132},{"uuid":176,"title":177,"description":178,"image":179,"image_alt":180,"width":74,"height":132},"0da86365-32ba-44aa-9753-a980083d2738","Schedule kick-off meeting","Modal dialog Project management Data export Sidebar navigation Task management Exporting data","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0da86365-32ba-44aa-9753-a980083d2738.png","Schedule kick-off meeting from Notion",{"uuid":182,"title":177,"description":183,"image":184,"image_alt":180,"width":74,"height":132},"081ba83e-8e26-44e5-a2f6-59d634722891","Project management Form Data export Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F081ba83e-8e26-44e5-a2f6-59d634722891.png",{"slug":30,"title":29,"logo":32},{"uuid":187,"title":188,"description":189,"canonical_path":4,"kind":61,"patterns_count":190,"categories":191,"screens":196,"app":211},"112ce888-56b1-418c-883f-8e4ab5fc2e9b","Searching workspace with command palette","This user flow guides a user through the process of searching and adding new tasks or projects within a workspace, ultimately demonstrating how to create a new standup meeting within a team u",7,[192],{"id":193,"title":194,"slug":195},43,"Searching","search",[197,203,207],{"uuid":198,"title":199,"description":200,"image":201,"image_alt":202,"width":74,"height":132},"71a444df-899b-4a77-a864-1e7f504032fc","Projects | Active","Project management Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71a444df-899b-4a77-a864-1e7f504032fc.png","Projects | Active from Notion",{"uuid":204,"title":199,"description":205,"image":206,"image_alt":202,"width":74,"height":132},"1330c66f-334f-42b4-ade3-2fa3c427971e","Project management Dashboard Task management Workflow","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1330c66f-334f-42b4-ade3-2fa3c427971e.png",{"uuid":208,"title":199,"description":209,"image":210,"image_alt":202,"width":74,"height":132},"8f3835a7-5fe3-4287-a09e-11fa23d9c565","Project management Task management Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8f3835a7-5fe3-4287-a09e-11fa23d9c565.png",{"slug":30,"title":29,"logo":32},{"uuid":213,"title":214,"description":215,"canonical_path":4,"kind":61,"patterns_count":120,"categories":216,"screens":221,"app":234},"08088b47-7d3d-4350-8b7a-04fdc8a9688d","Creating teamspace","This user flow guides users through the process of creating a new workspace in Notion, setting its permissions, choosing a payment plan, and inviting team members.",[217],{"id":218,"title":219,"slug":220},19,"Creating workspace","create-workspace",[222,226,230],{"uuid":223,"title":78,"description":224,"image":225,"image_alt":81,"width":74,"height":132},"ff683d8e-d707-4ea9-8569-3b5d73f0a93c","Project management Form Team collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fff683d8e-d707-4ea9-8569-3b5d73f0a93c.png",{"uuid":227,"title":78,"description":228,"image":229,"image_alt":81,"width":74,"height":132},"ee8ee412-0503-4e23-b602-5cee3d8331c0","Project management Settings Form Collaboration Team collaboration Configuration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee8ee412-0503-4e23-b602-5cee3d8331c0.png",{"uuid":231,"title":78,"description":232,"image":233,"image_alt":81,"width":74,"height":132},"dac5327c-b92b-40f9-84d7-3f4d3eafa2f8","Project management Form Collaboration Team collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdac5327c-b92b-40f9-84d7-3f4d3eafa2f8.png",{"slug":30,"title":29,"logo":32},{"uuid":236,"title":237,"description":238,"canonical_path":4,"kind":61,"patterns_count":218,"categories":239,"screens":244,"app":257},"adf6196d-c79e-4cca-ad64-1544bb604770","Configuring teamspace settings","This user flow guides a user through managing a teamspace, including joining a teamspace, updating settings, managing members, adjusting permissions, inviting new members, and configuring sec",[240],{"id":241,"title":242,"slug":243},71,"Settings","settings",[245,251,254],{"uuid":246,"title":247,"description":248,"image":249,"image_alt":250,"width":74,"height":132},"b4d4f90f-fee6-4cf3-9048-d3a61034810d","Teamspace Home","Project management Sidebar navigation Team collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4d4f90f-fee6-4cf3-9048-d3a61034810d.png","Teamspace Home from Notion",{"uuid":252,"title":247,"description":248,"image":253,"image_alt":250,"width":74,"height":132},"8ff82b20-bdca-4987-9a36-d1cd2d3d6876","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ff82b20-bdca-4987-9a36-d1cd2d3d6876.png",{"uuid":255,"title":247,"description":72,"image":256,"image_alt":250,"width":74,"height":132},"612a138a-b0ac-43ba-b2ce-1e2e8f538b81","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F612a138a-b0ac-43ba-b2ce-1e2e8f538b81.png",{"slug":30,"title":29,"logo":32},{"uuid":259,"title":260,"description":261,"canonical_path":4,"kind":61,"patterns_count":167,"categories":262,"screens":267,"app":279},"ea845de5-4980-4bed-952a-616f0da93f96","Archiving teamspace","This flow outlines the process of archiving a teamspace, involving navigating teamspaces, confirming the archive action, and displaying the archived state.",[263],{"id":264,"title":265,"slug":266},44,"Archiving","archive",[268,272,275],{"uuid":269,"title":247,"description":270,"image":271,"image_alt":250,"width":74,"height":132},"ca3325e9-7b92-4992-a454-edef28812107","Project management Settings Team collaboration Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fca3325e9-7b92-4992-a454-edef28812107.png",{"uuid":273,"title":247,"description":72,"image":274,"image_alt":250,"width":74,"height":132},"1ae38c31-60fa-4348-8d22-6c0fe3478c7b","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ae38c31-60fa-4348-8d22-6c0fe3478c7b.png",{"uuid":276,"title":247,"description":277,"image":278,"image_alt":250,"width":74,"height":132},"7ffde6a2-201a-45f5-b6ed-916a13bc7559","Grid Project management Settings Form Sidebar navigation Team collaboration Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ffde6a2-201a-45f5-b6ed-916a13bc7559.png",{"slug":30,"title":29,"logo":32},{"uuid":281,"title":282,"description":283,"canonical_path":4,"kind":61,"patterns_count":284,"categories":285,"screens":290,"app":303},"6f84c9fa-1d7c-4f00-a6c3-05a30b35ddef","Leaving teamspace","This flow guides a user through the process of leaving a teamspace in Notion, from accessing teamspace settings to confirming the departure and then viewing the update.",4,[286],{"id":287,"title":288,"slug":289},21,"Deleting","delete",[291,295,299],{"uuid":292,"title":247,"description":293,"image":294,"image_alt":250,"width":74,"height":132},"9618f658-2baa-43c7-8bfe-9d646de97f26","Settings Collaboration Configuration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9618f658-2baa-43c7-8bfe-9d646de97f26.png",{"uuid":296,"title":247,"description":297,"image":298,"image_alt":250,"width":74,"height":132},"e3c5d4b0-b708-4422-a87b-92544247c9d4","Grid Project management Settings Form Team collaboration Account management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe3c5d4b0-b708-4422-a87b-92544247c9d4.png",{"uuid":300,"title":247,"description":301,"image":302,"image_alt":250,"width":74,"height":132},"20adf162-5b17-44fe-9d68-6eef69a090ce","Project management Team collaboration Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F20adf162-5b17-44fe-9d68-6eef69a090ce.png",{"slug":30,"title":29,"logo":32},{"uuid":305,"title":306,"description":307,"canonical_path":4,"kind":61,"patterns_count":167,"categories":308,"screens":313,"app":324},"b6832786-fa0c-4311-9d09-364b9a230363","Requesting teamspace access","This user flow enables a user to request access to a specific teamspace within an organizational tool, guiding them through selecting a teamspace, requesting access, and successfully submitti",[309],{"id":310,"title":311,"slug":312},76,"Requesting access","request-access",[314,317,320],{"uuid":315,"title":247,"description":248,"image":316,"image_alt":250,"width":74,"height":132},"e7bf91a5-679a-4563-beca-b3edb02a81b6","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe7bf91a5-679a-4563-beca-b3edb02a81b6.png",{"uuid":318,"title":247,"description":248,"image":319,"image_alt":250,"width":74,"height":132},"6c527241-936d-4045-84f6-717575445fa4","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c527241-936d-4045-84f6-717575445fa4.png",{"uuid":321,"title":247,"description":322,"image":323,"image_alt":250,"width":74,"height":132},"d9a54e1d-4c55-422e-9f6f-3320e5996da3","Project management Form Sidebar navigation Team collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd9a54e1d-4c55-422e-9f6f-3320e5996da3.png",{"slug":30,"title":29,"logo":32},{"uuid":326,"title":327,"description":328,"canonical_path":4,"kind":61,"patterns_count":329,"categories":330,"screens":335,"app":350},"06329e21-2848-4f5d-be35-bc707ba8aa93","Restoring teamspace","This flow leads a user through the process of identifying an archived teamspace, initiating the restoration of said teamspace, and successfully restoring the teamspace to active status.",3,[331],{"id":332,"title":333,"slug":334},77,"Restoring","restore",[336,342,346],{"uuid":337,"title":338,"description":339,"image":340,"image_alt":341,"width":74,"height":132},"c2040eea-76d8-4f23-8c13-5bf1385462b4","Teamspace Home | All pages","Content management Project management Sidebar navigation Team collaboration Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2040eea-76d8-4f23-8c13-5bf1385462b4.png","Teamspace Home | All pages from Notion",{"uuid":343,"title":338,"description":344,"image":345,"image_alt":341,"width":74,"height":132},"4b236ace-6972-46ad-b066-bf91eca68a58","Content management Project management Team collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4b236ace-6972-46ad-b066-bf91eca68a58.png",{"uuid":347,"title":338,"description":348,"image":349,"image_alt":341,"width":74,"height":132},"1d10cb6b-e860-42e5-ab22-9b5c9cae4ed2","Content management Project management Sidebar navigation Team collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d10cb6b-e860-42e5-ab22-9b5c9cae4ed2.png",{"slug":30,"title":29,"logo":32},[],[353,356,359,362,365,368,371,373,377,381,385],{"label":354,"to":355},"Notion product screens","\u002Fexamples\u002Fapps\u002Fnotion\u002Fscreens",{"label":357,"to":358},"Notion marketing pages","\u002Fexamples\u002Fapps\u002Fnotion\u002Fmarketing",{"label":360,"to":361},"Notion UI components","\u002Fexamples\u002Fapps\u002Fnotion\u002Fcomponents",{"label":363,"to":364},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":366,"to":367},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":369,"to":370},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":372,"to":18},"All SaaS app examples",{"label":374,"to":375,"description":376},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":378,"to":379,"description":380},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":382,"to":383,"description":384},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":386,"to":387,"description":388},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":390,"updated_at":391},"2016-08-16T08:20:47.000Z","2026-09-13T13:02:39.000Z",{"left":393,"top":393,"width":394,"height":394,"rotate":393,"vFlip":395,"hFlip":395,"body":396},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>"]