1:HL["/_next/static/css/de557d179cfe57b0.css","style",{"crossOrigin":""}]
0:["ni6-mCEk3u4fEsKnpIk1y",[[["",{"children":["home",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],"$L2",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/de557d179cfe57b0.css","precedence":"next","crossOrigin":""}]],"$L3"]]]]
4:HL["/_next/static/css/0b8f691885ee27ef.css","style",{"crossOrigin":""}]
5:HL["/_next/static/css/8130c19c61e821a4.css","style",{"crossOrigin":""}]
6:HL["/_next/static/css/1c3ec63a0f9300cd.css","style",{"crossOrigin":""}]
7:I{"id":75116,"chunks":["3185:static/chunks/app/layout-9204f7ec956fdc0b.js"],"name":"HeaderProvider","async":false}
8:I{"id":24244,"chunks":["3185:static/chunks/app/layout-9204f7ec956fdc0b.js"],"name":"","async":false}
9:I{"id":81443,"chunks":["2272:static/chunks/webpack-1791b369de5fb61e.js","2971:static/chunks/fd9d1056-0bfed6219a3e7c98.js","7864:static/chunks/7864-ae54b7010a10c83f.js"],"name":"","async":false}
a:I{"id":18639,"chunks":["2272:static/chunks/webpack-1791b369de5fb61e.js","2971:static/chunks/fd9d1056-0bfed6219a3e7c98.js","7864:static/chunks/7864-ae54b7010a10c83f.js"],"name":"","async":false}
3:[["$","meta","0",{"charSet":"utf-8"}],["$","title","1",{"children":"Whimsical - The iterative workspace for product teams"}],["$","meta","2",{"name":"description","content":"Align on your next build faster with Whimsical docs, flowcharts, wireframes, & mind maps. Generate AI diagrams and access templates from product leaders."}],["$","meta","3",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","link","4",{"rel":"canonical","href":"https://whimsical.com/"}],["$","meta","5",{"name":"google-site-verification","content":"google-site-verification=UyqCmzxK5RK7VVcKmiitbS3x9Ms36T_op2MItuB_POg"}],["$","meta","6",{"property":"og:title","content":"Whimsical - The iterative workspace for product teams"}],["$","meta","7",{"property":"og:description","content":"Align on your next build faster with Whimsical docs, flowcharts, wireframes, & mind maps. Generate AI diagrams and access templates from product leaders."}],["$","meta","8",{"property":"og:image","content":"https://whimsical.com/_next_public/cards/default.png"}],["$","meta","9",{"property":"og:type","content":"website"}],["$","meta","10",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","11",{"name":"twitter:title","content":"Whimsical - The iterative workspace for product teams"}],["$","meta","12",{"name":"twitter:description","content":"Align on your next build faster with Whimsical docs, flowcharts, wireframes, & mind maps. Generate AI diagrams and access templates from product leaders."}],["$","meta","13",{"name":"twitter:image","content":"https://whimsical.com/_next_public/cards/default.png"}]]
2:[null,["$","$L7",null,{"children":["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","link",null,{"href":"/_next_public/favicon-32.png","rel":"shortcut icon","type":"image/x-icon"}],["$","link",null,{"href":"https://whimsical.com/_next_public/feed.xml","rel":"alternate","title":"Whimsical Blog","type":"application/atom+xml"}],["$","link",null,{"href":"https://whimsical.com/product-updates/feeds/main","rel":"alternate","title":"Whimsical Product Updates","type":"application/atom+xml"}],["$","meta",null,{"name":"theme-color","content":"#9e39e5"}],[["$","script",null,{"src":"/web/web_2402051724.js"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"try {wh.init({API:\"\",CID:\"069ffcf0-766c-48ee-82dd-8414d7fe7ea0\",B:true})}catch(e){console.error(e)}"}}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"\n              try {\n                if (window && window.location.pathname === \"/\") {\n                  wh.loadAppIfLoggedIn()\n                }\n              } catch(e){ console.error(e) }\n          "}}]],["$","$L8",null,{"src":"/_next_public/copied/scripts/what-input.min.js","strategy":"beforeInteractive"}]]}],["$","body",null,{"children":[["$","$L9",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","template":["$","$La",null,{}],"templateStyles":"$undefined","notFound":"$Lb","notFoundStyles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0b8f691885ee27ef.css","precedence":"next","crossOrigin":""}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/85de36bc4d12520e.css","precedence":"next","crossOrigin":""}]],"childProp":{"current":["$","$L9",null,{"parallelRouterKey":"children","segmentPath":["children","home","children"],"loading":"$undefined","loadingStyles":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","template":["$","$La",null,{}],"templateStyles":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","childProp":{"current":["$Lc","$Ld",null],"segment":"__PAGE__"},"styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0b8f691885ee27ef.css","precedence":"next","crossOrigin":""}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/8130c19c61e821a4.css","precedence":"next","crossOrigin":""}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/1c3ec63a0f9300cd.css","precedence":"next","crossOrigin":""}]]}],"segment":"home"},"styles":[]}],[["$","script",null,{"data-domain":"whimsical.com","src":"https://plausible.io/js/plausible.js"}],["$","script",null,{"src":"/cdn-cgi/zaraz/i.js","referrerPolicy":"origin"}]]]}]]}]}],null]
c:null
e:I{"id":60029,"chunks":["7485:static/chunks/7485-2db9a94092b2cfa0.js","1048:static/chunks/1048-95544d2852e38261.js","2959:static/chunks/2959-ac6f317f50e0c624.js","8242:static/chunks/8242-15fc2c896714701b.js","5511:static/chunks/5511-a6de5258b4327455.js","1344:static/chunks/1344-cd90b4a8744d5603.js","969:static/chunks/969-1ac74443bcdc0b26.js","1951:static/chunks/app/home/page-3b23b779078ca973.js"],"name":"","async":false}
f:I{"id":78242,"chunks":["7485:static/chunks/7485-2db9a94092b2cfa0.js","8242:static/chunks/8242-15fc2c896714701b.js","9160:static/chunks/app/not-found-3499b578ffb69ec5.js"],"name":"","async":false}
10:I{"id":36235,"chunks":["7485:static/chunks/7485-2db9a94092b2cfa0.js","8242:static/chunks/8242-15fc2c896714701b.js","9160:static/chunks/app/not-found-3499b578ffb69ec5.js"],"name":"","async":false}
d:["$","$Le",null,{"allTemplateCategoryGroups":[{"icon":{"_type":"image","asset":{"_ref":"image-83239e06b76591cd5c7328345fc890688d1cbfed-25x25-svg","_type":"reference"}},"activeIcon":{"_type":"image","asset":{"_ref":"image-b0f34420a00c82127c16a1b3328bcb297969957d-25x25-svg","_type":"reference"}},"smallIcon":{"asset":{"_type":"reference","_ref":"image-bef1af57cf6e7d2de036aff5af0628b3a97fa759-16x16-svg"},"_type":"image"},"smallActiveIcon":{"_type":"image","asset":{"_ref":"image-f0c44dd231bf73ef8e628c9f08198264654946a5-16x16-svg","_type":"reference"}},"templateCategories":[{"_id":"325ff5c7-05e8-4a78-bb6a-728a0436ddc5","description":"Create a free mind map to help organize your thoughts, communicate complex ideas, and drive clarity across the globe.","smallIcon":{"_type":"image","asset":{"_ref":"image-457b110ca8c2a58e24eb25c53ddeeb8a151be348-16x16-svg","_type":"reference"}},"smallActiveIcon":{"_type":"image","asset":{"_ref":"image-13e29fc7860d184358dcfe977495f202341cfce6-16x16-svg","_type":"reference"}},"templateCategoryTemplates":[{"buttonText":"Create a mind map","description":[{"style":"normal","_key":"ed90ec580e05","markDefs":[],"children":[{"_type":"span","marks":[],"text":"This simple mind map template is a wonderful place to start crafting your new diagram. You can turn this template into a wholly unique mind map with just a few clicks.","_key":"2584b2640e1e0"}],"_type":"block"}],"image":{"_type":"image","asset":{"_type":"reference","_ref":"image-2a27e605d2e890821b58e3bd4bbef7980e6c1576-1076x666-webp"}},"imageCaption":"Visualize complex diagrams like site maps and org charts, outline product features, and summarize dense info with a simple mind map.","link":"https://whimsical.com/templates/free-simple-mind-map-template","title":"Free mind map template"},{"image":{"_type":"image","asset":{"_ref":"image-0e015cd58482773d16b32290b12d4b7acdda6518-992x560-webp","_type":"reference"}},"imageCaption":"Get started quicker and remove friction from your process. Turn text into a visually stunning mind map with a well crafted prompt.","link":"https://whimsical.com/ai/ai-mind-maps","title":"Mind map AI","buttonText":"Create a mind map","description":[{"_type":"block","style":"normal","_key":"3c6ba1db2b6a","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Not sure where to start? Use our mind map AI powered by ChatGPT to get the ideas flowing and effortlessly build a brand new mind map.","_key":"36c3ce94912f0"}]}]},{"link":"https://whimsical.com/how-to-make-a-mind-map-WyyZnicVwEP99qcjDdhVv2","title":"How to create a mind map","buttonText":"Create a mind map","description":[{"children":[{"_type":"span","marks":[],"text":"Learn how to create a mind map that effectively organizes new ideas, visualizes complex concepts, and more with this free mind map template and built-in tutorial.","_key":"38cc66239b8f0"}],"_type":"block","style":"normal","_key":"8a009452504c","markDefs":[]}],"image":{"_type":"image","asset":{"_ref":"image-8777c253c974e8c35100db61ae1a6147b1558021-1076x666-webp","_type":"reference"}},"imageCaption":"Brainstorm new information, visualize branching ideas, and organize your thoughts like a pro with this mind map tutorial from the Whimsical team."}],"templateCategoryGroup":{"_id":"59bbfe02-e6d9-44c7-96a9-6957c63028e0"},"orderRank":"0|10000g:","title":"Mind maps","viewNoun":"mind map","slug":{"current":"mind-maps"},"icon":{"_type":"image","asset":{"_ref":"image-1c83bbec4699356f045a40219f56ca9072c3afe7-27x25-svg","_type":"reference"}},"activeIcon":{"_type":"image","asset":{"_ref":"image-7cb86fbe3c2ffbde112fb7b60a619564b1a76fd5-27x25-svg","_type":"reference"}}},{"icon":{"_type":"image","asset":{"_ref":"image-99127742fc878a1105a2651dec89232096daeccc-25x25-svg","_type":"reference"}},"activeIcon":{"_type":"image","asset":{"_ref":"image-1487d0667ac5497e0f5cd09b66a73161759e6b0d-25x25-svg","_type":"reference"}},"smallIcon":{"_type":"image","asset":{"_ref":"image-41ef4105880e17237297866ff4169c7b9a449e79-16x16-svg","_type":"reference"}},"templateCategoryGroup":{"_id":"59bbfe02-e6d9-44c7-96a9-6957c63028e0"},"description":"Create informative flowcharts in record time with our powerful templates and flexible flowchart maker.","orderRank":"0|10000k:","title":"Flowcharts","smallActiveIcon":{"_type":"image","asset":{"_ref":"image-8937b3af63e30bd5e575317c6e53bd5d894c6b48-16x16-svg","_type":"reference"}},"templateCategoryTemplates":[{"buttonText":"Create a flowchart","description":[{"_key":"3686fa51f1e5","markDefs":[],"children":[{"marks":[],"text":"Using just a few shapes and connectors, you can quickly create a flowchart in Whimsical that helps others instantly understand a complex idea, flow, or process.","_key":"a5d661ab2b3c0","_type":"span"}],"_type":"block","style":"normal"}],"image":{"_type":"image","asset":{"_ref":"image-0f2d2ee44b2cf6705bbb5c80959d68098be4b868-1076x666-webp","_type":"reference"}},"imageCaption":"This flowchart template is an ideal starting point for anyone who wants to visualize a simple process with a few shapes or a complex user flow with hundreds.","link":"https://whimsical.com/starter-flowchart-Go1oMu43dcMnR1CYGefDZQ","title":"Free flowchart template"},{"image":{"_type":"image","asset":{"_type":"reference","_ref":"image-df8f542a79adefb1bbaad36d82f6235db7b7dd20-992x561-webp"}},"imageCaption":"Creating a flowchart with Whimsical was already fast, but we made it even faster with Whimsical AI powered by ChatGPT.","link":"https://whimsical.com/ai/ai-text-to-flowchart","title":"Text-to-flowchart AI","buttonText":"Create a flowchart","description":[{"children":[{"_type":"span","marks":[],"text":"Turn text directly into flowcharts, user flows, sequence diagrams, and more with Whimsical AI. Plus, you can edit or improve the diagram just like any other flowchart.","_key":"62cb0992e44d0"}],"_type":"block","style":"normal","_key":"69c06ec6f2a4","markDefs":[]}]},{"title":"How to create a flowchart","buttonText":"Create a flowchart","description":[{"_type":"block","style":"normal","_key":"c1ecdf96415f","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Learn how to create an effective flowchart with Whimsical and how to use the variety of flowchart shapes correctly, all in one template.","_key":"1b5c57572c720"}]}],"image":{"_type":"image","asset":{"_type":"reference","_ref":"image-15198fb9a19dc342abb7cf0f31023b678fde067a-1076x666-webp"}},"imageCaption":"Whether you’re communicating a new process or visualizing a complex user flow , this template is a great place to learn how to flowchart like a pro.","link":"https://whimsical.com/how-to-make-a-flowchart-template-DcDqomwqNHqo2xkPHyVw1n"}],"_id":"e822f2c4-f320-4c5d-a941-36cf69f12c1b","viewNoun":"flowchart","slug":{"current":"flowcharts"}},{"slug":{"current":"wireframes"},"activeIcon":{"_type":"image","asset":{"_ref":"image-c1d5b3ba8fbf76137c9af4d015ff15b5f6d48116-25x25-svg","_type":"reference"}},"smallIcon":{"_type":"image","asset":{"_ref":"image-4195aae0a1cb37145b991fb4eae10cbd3a42fb0d-16x16-svg","_type":"reference"}},"smallActiveIcon":{"_type":"image","asset":{"_ref":"image-dd3b32b810b08b60dded8b2644a1d20e944f49a2-16x16-svg","_type":"reference"}},"templateCategoryGroup":{"_id":"59bbfe02-e6d9-44c7-96a9-6957c63028e0"},"description":"Visualize your best ideas with low-fidelity wireframes featuring drag-and-drop components anyone can use.","title":"Wireframes","viewNoun":"wireframe","templateCategoryTemplates":[{"buttonText":"Create a wireframe","description":[{"markDefs":[],"children":[{"_key":"d688e18ed1b40","_type":"span","marks":[],"text":"In this simple wireframe kit, you can find a variety of device frames, from desktop to watches. Our kit also includes various input elements like buttons, text boxes, toggles, and more."}],"_type":"block","style":"normal","_key":"8d8d2d92ee58"}],"image":{"_type":"image","asset":{"_ref":"image-934d55cef5dd96fbbce544e4f6f668013daf33a9-1076x667-webp","_type":"reference"}},"imageCaption":"It's safe to say if you need an element to create a low-fidelity wireframe of an app or website, you can find it in this wireframe kit.","link":"https://whimsical.com/wireframe-parts-kit-Ft4RAtBFHfYFa8da1weDuV","title":"Low fidelity wireframe kit"},{"description":[{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Always start with a wireframe! Use these five different low-fidelity landing page wireframes as a jumping-off point in your creation journey.","_key":"5d957ff0311c0"}],"_type":"block","style":"normal","_key":"d1bd257a817d"}],"image":{"_type":"image","asset":{"_ref":"image-ee495824176a2fa3b3e2311b265ac0ab9d0ef18d-1076x667-webp","_type":"reference"}},"imageCaption":"These desktop wireframes can be updated to fit your needs with just a few clicks. Whatever your goals may be when creating a new wireframe, this template can help you get there.","link":"https://whimsical.com/landing-page-wireframes-V9HLmARvSRnvm19UmqZ7gZ","title":"Landing page wireframe kit","buttonText":"Create a wireframe"},{"title":"Low fidelity mobile wireframe","buttonText":"Create a wireframe","description":[{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Have an idea for a new app, mobile website, or marketing email? Use this low-fidelity wireframe to explain exactly how a user would move through each screen.","_key":"cf52e152605c0"}],"_type":"block","style":"normal","_key":"a3388c997d88"}],"image":{"_type":"image","asset":{"_ref":"image-65e833ab8598f642ceb17148d2e30ece3d5d2c4d-1076x666-webp","_type":"reference"}},"imageCaption":"Mobile wireframes aren't just for app developers anymore. Almost every product or design team must consider how their app or website will be viewed on a mobile device.","link":"https://whimsical.com/mobile-wireframes-6MwgfB2KkNCQm74FcRB7Er"}],"_id":"f1284d07-2fe3-4183-a291-332fcf29386b","orderRank":"0|10000m:","icon":{"_type":"image","asset":{"_ref":"image-f581f798866be6bddb5d74183a9d46cf2a5302d2-25x25-svg","_type":"reference"}}},{"description":"Expert-driven PRDs templates that will help your product idea, feature, or improvement actually get built.","viewNoun":"doc","smallIcon":{"_type":"image","asset":{"_ref":"image-2058273335c46de54f98a53fef2490e00fc5b95a-16x16-svg","_type":"reference"}},"smallActiveIcon":{"_type":"image","asset":{"_ref":"image-87544dc099e395d3ae5ca43ed6ed82ec9fffd122-16x16-svg","_type":"reference"}},"icon":{"_type":"image","asset":{"_ref":"image-5595dbbc51b94a40f8d37abb4952aed9a0d48ea1-25x25-svg","_type":"reference"}},"activeIcon":{"_type":"image","asset":{"_ref":"image-b23f694272a2c8cf39d7bb46d2e38c2c15d681d7-25x25-svg","_type":"reference"}},"templateCategoryGroup":{"_id":"59bbfe02-e6d9-44c7-96a9-6957c63028e0"},"templateCategoryTemplates":[{"buttonText":"Create a product doc","description":[{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"At its core, a great PRD tells a captivating story that helps get your idea on the roadmap. Keep that story focused and moving forward with this simple PRD template inspired by Kevin Yien.","_key":"d4e3f7969cb00"}],"_type":"block","style":"normal","_key":"93dc93c726a1"}],"image":{"_type":"image","asset":{"_ref":"image-54df32748f55c256e72d8c92490ff98df1fed773-1076x667-webp","_type":"reference"}},"imageCaption":"Upgrade your PRDs and product docs by featuring at least one of our flowchart, wireframe, mind map, or diagram templates. ","link":"https://whimsical.com/product-requirements-document-prd-K5L6yidzh2mVsjcmCAhfmc","title":"Simple PRD template"},{"buttonText":"Create a product doc","description":[{"_key":"8215bde88b79","markDefs":[],"children":[{"text":"Use this Who, Why, What PRD Template inspired by Product Hunt and Ryan Hoover to clearly explain who this product is for, exactly what you want to build, and why you think it should be built.","_key":"078f12a3a8d10","_type":"span","marks":[]}],"_type":"block","style":"normal"}],"image":{"_type":"image","asset":{"_ref":"image-6c75026ed4a209c9acbc015c4f19299787e65cec-1076x666-webp","_type":"reference"}},"imageCaption":"If you can answer each of these 3 questions about your product or feature idea, you are well on your way to an effective PRD. ","link":"https://whimsical.com/who-why-what-product-requirement-doc-prd-WWi8BhUoyWxRP9gZa324Hh","title":"Who, what, why PRD template"},{"description":[{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"If your team is looking for a new approach to sharing product ideas, we recommend starting with this product brief template inspired by Adam Fishman.","_key":"4d5dff6440a80"}],"_type":"block","style":"normal","_key":"78cdabbb3ce1"}],"image":{"_type":"image","asset":{"_ref":"image-369c064221e928bab7169bfe024f2886a0c5b88c-1076x666-webp","_type":"reference"}},"imageCaption":"Adam actually created this template to push back on the idea that PRDs have to be very long and complicated docs. He thinks simple product briefs, like this template, are actually more effective at pushing ideas forward.","link":"https://whimsical.com/one-page-product-brief-template-adam-fishman-PPZaV56TLj9p4DMAEKEeor","title":"One page product brief template","buttonText":"Create a product doc"}],"_id":"1bde9f56-9aa5-4d01-bdf9-76b4a8c4a4d2","orderRank":"0|10000o:","title":"Product docs","slug":{"current":"product-docs"}}],"_id":"59bbfe02-e6d9-44c7-96a9-6957c63028e0","orderRank":"0|100008:","title":"Tools"},{"smallIcon":{"_type":"image","asset":{"_ref":"image-e65c133c705588e468096ba825cc4b615d28466c-16x16-svg","_type":"reference"}},"smallActiveIcon":{"_type":"image","asset":{"_type":"reference","_ref":"image-a52fa36fe601bc4aa9e16f9acd332600b1d091ab-16x16-svg"}},"templateCategories":[{"viewNoun":"org chart","slug":{"current":"org-charts"},"activeIcon":{"_type":"image","asset":{"_ref":"image-6086084c2272fc300d6c4c28b82b6320e55975d4-25x25-svg","_type":"reference"}},"smallIcon":{"_type":"image","asset":{"_ref":"image-926985ca06d51cc57877ee317335fa37768fc38a-16x16-svg","_type":"reference"}},"templateCategoryTemplates":[{"description":[{"_key":"aeaae7a77af5","markDefs":[],"children":[{"_type":"span","marks":[],"text":"In just a few minutes, you can turn a messy list of names and job titles into an effective org chart that can be shared with the rest of your team or embedded in a team doc.","_key":"f5bd421b9c9a0"}],"_type":"block","style":"normal"}],"image":{"_type":"image","asset":{"_ref":"image-98c4ff1193b76d34b9da994ef39b73befdc07369-1076x666-webp","_type":"reference"}},"imageCaption":"Mind maps are ideal for constructing visual org charts because they can be adjusted in just a few clicks as reporting structures change and individuals’ roles evolve.","link":"https://whimsical.com/org-chart-mind-map-N9aSKrKbCc1tWGpyPpYKaf","title":"Simple org chart template","buttonText":"Create an org chart"},{"link":"https://whimsical.com/ai","title":"Whimsical AI","buttonText":"Create an org chart","description":[{"_key":"581ccbe47c1a","markDefs":[],"children":[{"_type":"span","marks":[],"text":"With Whimsical AI powered by ChatGPT, you can instantly create an org chart from a simple text prompt or list of employee names. And when it comes time to add more employees to the org chart, you can create a new one just as easily.","_key":"b270161ddccc0"}],"_type":"block","style":"normal"}],"image":{"_type":"image","asset":{"_ref":"image-1dca2a5f7c2ab50dd2fa4d50d29a1b0266022ddb-992x560-webp","_type":"reference"}},"imageCaption":"Like any other Whimsical org chart template, you can edit the text, add more information about the roles, or change the layout to fit your needs."},{"imageCaption":"The simple color palette in this org chart template allows you to visually draw clear lines of reporting and outline different team structures.","link":"https://whimsical.com/org-chart-flowchart-BLVgnvNgT2jxnxui5Xz2Ng","title":"Colorful org chart template","buttonText":"Create an org chart","description":[{"markDefs":[],"children":[{"_key":"edec11b6665f0","_type":"span","marks":[],"text":"Org charts that are easy to read, edit, and share are essential for every business. A color-coded org chart template is especially handy for large companies with various departments and teams."}],"_type":"block","style":"normal","_key":"1d037e65a1c4"}],"image":{"_type":"image","asset":{"_ref":"image-384c15ad3866107a56bd53fcaa62142545432576-1076x666-webp","_type":"reference"}}}],"_id":"c1b37892-c98b-436e-bac9-ede125199faa","orderRank":"0|9r0025:","title":"Org charts","icon":{"_type":"image","asset":{"_ref":"image-45f48567a91490164a8b721116e06a9b0d3f4c9d-25x25-svg","_type":"reference"}},"smallActiveIcon":{"_type":"image","asset":{"_ref":"image-b0bc971f74336b0015090bb077be8ce3eceb9208-16x16-svg","_type":"reference"}},"templateCategoryGroup":{"_id":"97ac40d2-9116-44b4-9b40-b845dfeb9511"},"description":"With just a few clicks, you can fully visualize your company or team structure using our free org chart templates."},{"description":"Add clarity and understanding to a complicated process with a visual sequence diagram.","orderRank":"0|ii001f:","viewNoun":null,"activeIcon":{"_type":"image","asset":{"_ref":"image-8e2428cac2d3fbe140097fbca47d58122d60a91f-25x25-svg","_type":"reference"}},"templateCategoryTemplates":[{"imageCaption":"UML sequence diagrams are especially popular with software engineers. The standard notation makes it easy to visualize and share implementation details with other team members.","link":"https://whimsical.com/uml-sequence-diagram-Tmq3yfX8rgX65Vo9Dm5q5r","title":"UML sequence diagram","buttonText":"Create a sequence diagram","description":[{"children":[{"_type":"span","marks":[],"text":"Traditionally, sequence diagrams are used to illustrate how info flows from one entity to another. Learn how to create your own UML sequence diagram with this handy template.","_key":"d5c3cb2d28c20"}],"_type":"block","style":"normal","_key":"fd3de95af653","markDefs":[]}],"image":{"_type":"image","asset":{"_ref":"image-51c5162c84d5b9279de78d8c401b0d0de1ab7e47-1076x666-webp","_type":"reference"}}},{"image":{"_type":"image","asset":{"_ref":"image-3b939301221578ea9f9fed9442f7ba0acffecac8-992x560-webp","_type":"reference"}},"imageCaption":"Simply open Whimsical AI in a board and then add your prompt to the text box. It’s that simple. You also can paste Mermaid code directly onto a board to instantly create an editable sequence diagram.","link":"https://whimsical.com/ai","title":"Whimsical AI","buttonText":"Create a sequence diagram","description":[{"style":"normal","_key":"be504687d6be","markDefs":[],"children":[{"marks":[],"text":"Create a sequence diagram faster than it took you to read this sentence with Whimsical AI powered by ChatGPT.","_key":"dcc1ee71b6f40","_type":"span"}],"_type":"block"}]},{"link":"https://whimsical.com/how-to-make-a-sequence-diagram-C8dEyzSR6LFViGY2AACaPA","title":"How to create a sequence diagram","buttonText":"Create a sequence diagram","description":[{"_type":"block","style":"normal","_key":"c7c2c0ad45a8","markDefs":[],"children":[{"marks":[],"text":"Sequence diagrams are an essential diagram for any product or software team. Learn how to create a sequence diagram with this template and tutorial from the Whimsical team.","_key":"782469a624d60","_type":"span"}]}],"image":{"_type":"image","asset":{"_ref":"image-ae5b565a5a9b0c98e3b54bcf3f74cc1cd994eb2c-1076x666-webp","_type":"reference"}},"imageCaption":"To help you get started, this template explains exactly how you can create an effective sequence diagram with Whimsical. Each step includes tips on how you can improve the readability of your sequence diagram."}],"_id":"ad3d6be8-391f-48e5-a5bb-715d58ce9ed9","title":"Sequence diagrams","slug":{"current":"sequence-diagrams"},"icon":{"_type":"image","asset":{"_ref":"image-9471c3327154b49a22cf6fe9ea60f4706aaab015-25x25-svg","_type":"reference"}},"smallIcon":{"_type":"image","asset":{"_ref":"image-836caf93cc7bf07f5ca106bc4da7607b10eb18b6-16x16-svg","_type":"reference"}},"smallActiveIcon":{"asset":{"_ref":"image-2c68dae04636d900de8e016066892eda5d465300-16x16-svg","_type":"reference"},"_type":"image"},"templateCategoryGroup":{"_id":"97ac40d2-9116-44b4-9b40-b845dfeb9511"}}],"_id":"97ac40d2-9116-44b4-9b40-b845dfeb9511","orderRank":"0|10000o:","title":"Use cases","icon":{"_type":"image","asset":{"_type":"reference","_ref":"image-5f0fe1dd329daccfb5d5899ac7a699b723ccb1f8-25x25-svg"}},"activeIcon":{"_type":"image","asset":{"_ref":"image-5a8071ead1e52b00ba744a1a7f7eb8158e558c64-25x25-svg","_type":"reference"}}}]}]
b:[["$","$Lf",null,{"allTemplateCategoryGroups":[{"icon":{"_type":"image","asset":{"_ref":"image-83239e06b76591cd5c7328345fc890688d1cbfed-25x25-svg","_type":"reference"}},"activeIcon":{"_type":"image","asset":{"_ref":"image-b0f34420a00c82127c16a1b3328bcb297969957d-25x25-svg","_type":"reference"}},"smallIcon":{"asset":{"_type":"reference","_ref":"image-bef1af57cf6e7d2de036aff5af0628b3a97fa759-16x16-svg"},"_type":"image"},"smallActiveIcon":{"_type":"image","asset":{"_ref":"image-f0c44dd231bf73ef8e628c9f08198264654946a5-16x16-svg","_type":"reference"}},"templateCategories":[{"_id":"325ff5c7-05e8-4a78-bb6a-728a0436ddc5","description":"Create a free mind map to help organize your thoughts, communicate complex ideas, and drive clarity across the globe.","smallIcon":{"_type":"image","asset":{"_ref":"image-457b110ca8c2a58e24eb25c53ddeeb8a151be348-16x16-svg","_type":"reference"}},"smallActiveIcon":{"_type":"image","asset":{"_ref":"image-13e29fc7860d184358dcfe977495f202341cfce6-16x16-svg","_type":"reference"}},"templateCategoryTemplates":[{"buttonText":"Create a mind map","description":[{"style":"normal","_key":"ed90ec580e05","markDefs":[],"children":[{"_type":"span","marks":[],"text":"This simple mind map template is a wonderful place to start crafting your new diagram. You can turn this template into a wholly unique mind map with just a few clicks.","_key":"2584b2640e1e0"}],"_type":"block"}],"image":{"_type":"image","asset":{"_type":"reference","_ref":"image-2a27e605d2e890821b58e3bd4bbef7980e6c1576-1076x666-webp"}},"imageCaption":"Visualize complex diagrams like site maps and org charts, outline product features, and summarize dense info with a simple mind map.","link":"https://whimsical.com/templates/free-simple-mind-map-template","title":"Free mind map template"},{"image":{"_type":"image","asset":{"_ref":"image-0e015cd58482773d16b32290b12d4b7acdda6518-992x560-webp","_type":"reference"}},"imageCaption":"Get started quicker and remove friction from your process. Turn text into a visually stunning mind map with a well crafted prompt.","link":"https://whimsical.com/ai/ai-mind-maps","title":"Mind map AI","buttonText":"Create a mind map","description":[{"_type":"block","style":"normal","_key":"3c6ba1db2b6a","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Not sure where to start? Use our mind map AI powered by ChatGPT to get the ideas flowing and effortlessly build a brand new mind map.","_key":"36c3ce94912f0"}]}]},{"link":"https://whimsical.com/how-to-make-a-mind-map-WyyZnicVwEP99qcjDdhVv2","title":"How to create a mind map","buttonText":"Create a mind map","description":[{"children":[{"_type":"span","marks":[],"text":"Learn how to create a mind map that effectively organizes new ideas, visualizes complex concepts, and more with this free mind map template and built-in tutorial.","_key":"38cc66239b8f0"}],"_type":"block","style":"normal","_key":"8a009452504c","markDefs":[]}],"image":{"_type":"image","asset":{"_ref":"image-8777c253c974e8c35100db61ae1a6147b1558021-1076x666-webp","_type":"reference"}},"imageCaption":"Brainstorm new information, visualize branching ideas, and organize your thoughts like a pro with this mind map tutorial from the Whimsical team."}],"templateCategoryGroup":{"_id":"59bbfe02-e6d9-44c7-96a9-6957c63028e0"},"orderRank":"0|10000g:","title":"Mind maps","viewNoun":"mind map","slug":{"current":"mind-maps"},"icon":{"_type":"image","asset":{"_ref":"image-1c83bbec4699356f045a40219f56ca9072c3afe7-27x25-svg","_type":"reference"}},"activeIcon":{"_type":"image","asset":{"_ref":"image-7cb86fbe3c2ffbde112fb7b60a619564b1a76fd5-27x25-svg","_type":"reference"}}},{"icon":{"_type":"image","asset":{"_ref":"image-99127742fc878a1105a2651dec89232096daeccc-25x25-svg","_type":"reference"}},"activeIcon":{"_type":"image","asset":{"_ref":"image-1487d0667ac5497e0f5cd09b66a73161759e6b0d-25x25-svg","_type":"reference"}},"smallIcon":{"_type":"image","asset":{"_ref":"image-41ef4105880e17237297866ff4169c7b9a449e79-16x16-svg","_type":"reference"}},"templateCategoryGroup":{"_id":"59bbfe02-e6d9-44c7-96a9-6957c63028e0"},"description":"Create informative flowcharts in record time with our powerful templates and flexible flowchart maker.","orderRank":"0|10000k:","title":"Flowcharts","smallActiveIcon":{"_type":"image","asset":{"_ref":"image-8937b3af63e30bd5e575317c6e53bd5d894c6b48-16x16-svg","_type":"reference"}},"templateCategoryTemplates":[{"buttonText":"Create a flowchart","description":[{"_key":"3686fa51f1e5","markDefs":[],"children":[{"marks":[],"text":"Using just a few shapes and connectors, you can quickly create a flowchart in Whimsical that helps others instantly understand a complex idea, flow, or process.","_key":"a5d661ab2b3c0","_type":"span"}],"_type":"block","style":"normal"}],"image":{"_type":"image","asset":{"_ref":"image-0f2d2ee44b2cf6705bbb5c80959d68098be4b868-1076x666-webp","_type":"reference"}},"imageCaption":"This flowchart template is an ideal starting point for anyone who wants to visualize a simple process with a few shapes or a complex user flow with hundreds.","link":"https://whimsical.com/starter-flowchart-Go1oMu43dcMnR1CYGefDZQ","title":"Free flowchart template"},{"image":{"_type":"image","asset":{"_type":"reference","_ref":"image-df8f542a79adefb1bbaad36d82f6235db7b7dd20-992x561-webp"}},"imageCaption":"Creating a flowchart with Whimsical was already fast, but we made it even faster with Whimsical AI powered by ChatGPT.","link":"https://whimsical.com/ai/ai-text-to-flowchart","title":"Text-to-flowchart AI","buttonText":"Create a flowchart","description":[{"children":[{"_type":"span","marks":[],"text":"Turn text directly into flowcharts, user flows, sequence diagrams, and more with Whimsical AI. Plus, you can edit or improve the diagram just like any other flowchart.","_key":"62cb0992e44d0"}],"_type":"block","style":"normal","_key":"69c06ec6f2a4","markDefs":[]}]},{"title":"How to create a flowchart","buttonText":"Create a flowchart","description":[{"_type":"block","style":"normal","_key":"c1ecdf96415f","markDefs":[],"children":[{"_type":"span","marks":[],"text":"Learn how to create an effective flowchart with Whimsical and how to use the variety of flowchart shapes correctly, all in one template.","_key":"1b5c57572c720"}]}],"image":{"_type":"image","asset":{"_type":"reference","_ref":"image-15198fb9a19dc342abb7cf0f31023b678fde067a-1076x666-webp"}},"imageCaption":"Whether you’re communicating a new process or visualizing a complex user flow , this template is a great place to learn how to flowchart like a pro.","link":"https://whimsical.com/how-to-make-a-flowchart-template-DcDqomwqNHqo2xkPHyVw1n"}],"_id":"e822f2c4-f320-4c5d-a941-36cf69f12c1b","viewNoun":"flowchart","slug":{"current":"flowcharts"}},{"slug":{"current":"wireframes"},"activeIcon":{"_type":"image","asset":{"_ref":"image-c1d5b3ba8fbf76137c9af4d015ff15b5f6d48116-25x25-svg","_type":"reference"}},"smallIcon":{"_type":"image","asset":{"_ref":"image-4195aae0a1cb37145b991fb4eae10cbd3a42fb0d-16x16-svg","_type":"reference"}},"smallActiveIcon":{"_type":"image","asset":{"_ref":"image-dd3b32b810b08b60dded8b2644a1d20e944f49a2-16x16-svg","_type":"reference"}},"templateCategoryGroup":{"_id":"59bbfe02-e6d9-44c7-96a9-6957c63028e0"},"description":"Visualize your best ideas with low-fidelity wireframes featuring drag-and-drop components anyone can use.","title":"Wireframes","viewNoun":"wireframe","templateCategoryTemplates":[{"buttonText":"Create a wireframe","description":[{"markDefs":[],"children":[{"_key":"d688e18ed1b40","_type":"span","marks":[],"text":"In this simple wireframe kit, you can find a variety of device frames, from desktop to watches. Our kit also includes various input elements like buttons, text boxes, toggles, and more."}],"_type":"block","style":"normal","_key":"8d8d2d92ee58"}],"image":{"_type":"image","asset":{"_ref":"image-934d55cef5dd96fbbce544e4f6f668013daf33a9-1076x667-webp","_type":"reference"}},"imageCaption":"It's safe to say if you need an element to create a low-fidelity wireframe of an app or website, you can find it in this wireframe kit.","link":"https://whimsical.com/wireframe-parts-kit-Ft4RAtBFHfYFa8da1weDuV","title":"Low fidelity wireframe kit"},{"description":[{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Always start with a wireframe! Use these five different low-fidelity landing page wireframes as a jumping-off point in your creation journey.","_key":"5d957ff0311c0"}],"_type":"block","style":"normal","_key":"d1bd257a817d"}],"image":{"_type":"image","asset":{"_ref":"image-ee495824176a2fa3b3e2311b265ac0ab9d0ef18d-1076x667-webp","_type":"reference"}},"imageCaption":"These desktop wireframes can be updated to fit your needs with just a few clicks. Whatever your goals may be when creating a new wireframe, this template can help you get there.","link":"https://whimsical.com/landing-page-wireframes-V9HLmARvSRnvm19UmqZ7gZ","title":"Landing page wireframe kit","buttonText":"Create a wireframe"},{"title":"Low fidelity mobile wireframe","buttonText":"Create a wireframe","description":[{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"Have an idea for a new app, mobile website, or marketing email? Use this low-fidelity wireframe to explain exactly how a user would move through each screen.","_key":"cf52e152605c0"}],"_type":"block","style":"normal","_key":"a3388c997d88"}],"image":{"_type":"image","asset":{"_ref":"image-65e833ab8598f642ceb17148d2e30ece3d5d2c4d-1076x666-webp","_type":"reference"}},"imageCaption":"Mobile wireframes aren't just for app developers anymore. Almost every product or design team must consider how their app or website will be viewed on a mobile device.","link":"https://whimsical.com/mobile-wireframes-6MwgfB2KkNCQm74FcRB7Er"}],"_id":"f1284d07-2fe3-4183-a291-332fcf29386b","orderRank":"0|10000m:","icon":{"_type":"image","asset":{"_ref":"image-f581f798866be6bddb5d74183a9d46cf2a5302d2-25x25-svg","_type":"reference"}}},{"description":"Expert-driven PRDs templates that will help your product idea, feature, or improvement actually get built.","viewNoun":"doc","smallIcon":{"_type":"image","asset":{"_ref":"image-2058273335c46de54f98a53fef2490e00fc5b95a-16x16-svg","_type":"reference"}},"smallActiveIcon":{"_type":"image","asset":{"_ref":"image-87544dc099e395d3ae5ca43ed6ed82ec9fffd122-16x16-svg","_type":"reference"}},"icon":{"_type":"image","asset":{"_ref":"image-5595dbbc51b94a40f8d37abb4952aed9a0d48ea1-25x25-svg","_type":"reference"}},"activeIcon":{"_type":"image","asset":{"_ref":"image-b23f694272a2c8cf39d7bb46d2e38c2c15d681d7-25x25-svg","_type":"reference"}},"templateCategoryGroup":{"_id":"59bbfe02-e6d9-44c7-96a9-6957c63028e0"},"templateCategoryTemplates":[{"buttonText":"Create a product doc","description":[{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"At its core, a great PRD tells a captivating story that helps get your idea on the roadmap. Keep that story focused and moving forward with this simple PRD template inspired by Kevin Yien.","_key":"d4e3f7969cb00"}],"_type":"block","style":"normal","_key":"93dc93c726a1"}],"image":{"_type":"image","asset":{"_ref":"image-54df32748f55c256e72d8c92490ff98df1fed773-1076x667-webp","_type":"reference"}},"imageCaption":"Upgrade your PRDs and product docs by featuring at least one of our flowchart, wireframe, mind map, or diagram templates. ","link":"https://whimsical.com/product-requirements-document-prd-K5L6yidzh2mVsjcmCAhfmc","title":"Simple PRD template"},{"buttonText":"Create a product doc","description":[{"_key":"8215bde88b79","markDefs":[],"children":[{"text":"Use this Who, Why, What PRD Template inspired by Product Hunt and Ryan Hoover to clearly explain who this product is for, exactly what you want to build, and why you think it should be built.","_key":"078f12a3a8d10","_type":"span","marks":[]}],"_type":"block","style":"normal"}],"image":{"_type":"image","asset":{"_ref":"image-6c75026ed4a209c9acbc015c4f19299787e65cec-1076x666-webp","_type":"reference"}},"imageCaption":"If you can answer each of these 3 questions about your product or feature idea, you are well on your way to an effective PRD. ","link":"https://whimsical.com/who-why-what-product-requirement-doc-prd-WWi8BhUoyWxRP9gZa324Hh","title":"Who, what, why PRD template"},{"description":[{"markDefs":[],"children":[{"_type":"span","marks":[],"text":"If your team is looking for a new approach to sharing product ideas, we recommend starting with this product brief template inspired by Adam Fishman.","_key":"4d5dff6440a80"}],"_type":"block","style":"normal","_key":"78cdabbb3ce1"}],"image":{"_type":"image","asset":{"_ref":"image-369c064221e928bab7169bfe024f2886a0c5b88c-1076x666-webp","_type":"reference"}},"imageCaption":"Adam actually created this template to push back on the idea that PRDs have to be very long and complicated docs. He thinks simple product briefs, like this template, are actually more effective at pushing ideas forward.","link":"https://whimsical.com/one-page-product-brief-template-adam-fishman-PPZaV56TLj9p4DMAEKEeor","title":"One page product brief template","buttonText":"Create a product doc"}],"_id":"1bde9f56-9aa5-4d01-bdf9-76b4a8c4a4d2","orderRank":"0|10000o:","title":"Product docs","slug":{"current":"product-docs"}}],"_id":"59bbfe02-e6d9-44c7-96a9-6957c63028e0","orderRank":"0|100008:","title":"Tools"},{"smallIcon":{"_type":"image","asset":{"_ref":"image-e65c133c705588e468096ba825cc4b615d28466c-16x16-svg","_type":"reference"}},"smallActiveIcon":{"_type":"image","asset":{"_type":"reference","_ref":"image-a52fa36fe601bc4aa9e16f9acd332600b1d091ab-16x16-svg"}},"templateCategories":[{"viewNoun":"org chart","slug":{"current":"org-charts"},"activeIcon":{"_type":"image","asset":{"_ref":"image-6086084c2272fc300d6c4c28b82b6320e55975d4-25x25-svg","_type":"reference"}},"smallIcon":{"_type":"image","asset":{"_ref":"image-926985ca06d51cc57877ee317335fa37768fc38a-16x16-svg","_type":"reference"}},"templateCategoryTemplates":[{"description":[{"_key":"aeaae7a77af5","markDefs":[],"children":[{"_type":"span","marks":[],"text":"In just a few minutes, you can turn a messy list of names and job titles into an effective org chart that can be shared with the rest of your team or embedded in a team doc.","_key":"f5bd421b9c9a0"}],"_type":"block","style":"normal"}],"image":{"_type":"image","asset":{"_ref":"image-98c4ff1193b76d34b9da994ef39b73befdc07369-1076x666-webp","_type":"reference"}},"imageCaption":"Mind maps are ideal for constructing visual org charts because they can be adjusted in just a few clicks as reporting structures change and individuals’ roles evolve.","link":"https://whimsical.com/org-chart-mind-map-N9aSKrKbCc1tWGpyPpYKaf","title":"Simple org chart template","buttonText":"Create an org chart"},{"link":"https://whimsical.com/ai","title":"Whimsical AI","buttonText":"Create an org chart","description":[{"_key":"581ccbe47c1a","markDefs":[],"children":[{"_type":"span","marks":[],"text":"With Whimsical AI powered by ChatGPT, you can instantly create an org chart from a simple text prompt or list of employee names. And when it comes time to add more employees to the org chart, you can create a new one just as easily.","_key":"b270161ddccc0"}],"_type":"block","style":"normal"}],"image":{"_type":"image","asset":{"_ref":"image-1dca2a5f7c2ab50dd2fa4d50d29a1b0266022ddb-992x560-webp","_type":"reference"}},"imageCaption":"Like any other Whimsical org chart template, you can edit the text, add more information about the roles, or change the layout to fit your needs."},{"imageCaption":"The simple color palette in this org chart template allows you to visually draw clear lines of reporting and outline different team structures.","link":"https://whimsical.com/org-chart-flowchart-BLVgnvNgT2jxnxui5Xz2Ng","title":"Colorful org chart template","buttonText":"Create an org chart","description":[{"markDefs":[],"children":[{"_key":"edec11b6665f0","_type":"span","marks":[],"text":"Org charts that are easy to read, edit, and share are essential for every business. A color-coded org chart template is especially handy for large companies with various departments and teams."}],"_type":"block","style":"normal","_key":"1d037e65a1c4"}],"image":{"_type":"image","asset":{"_ref":"image-384c15ad3866107a56bd53fcaa62142545432576-1076x666-webp","_type":"reference"}}}],"_id":"c1b37892-c98b-436e-bac9-ede125199faa","orderRank":"0|9r0025:","title":"Org charts","icon":{"_type":"image","asset":{"_ref":"image-45f48567a91490164a8b721116e06a9b0d3f4c9d-25x25-svg","_type":"reference"}},"smallActiveIcon":{"_type":"image","asset":{"_ref":"image-b0bc971f74336b0015090bb077be8ce3eceb9208-16x16-svg","_type":"reference"}},"templateCategoryGroup":{"_id":"97ac40d2-9116-44b4-9b40-b845dfeb9511"},"description":"With just a few clicks, you can fully visualize your company or team structure using our free org chart templates."},{"description":"Add clarity and understanding to a complicated process with a visual sequence diagram.","orderRank":"0|ii001f:","viewNoun":null,"activeIcon":{"_type":"image","asset":{"_ref":"image-8e2428cac2d3fbe140097fbca47d58122d60a91f-25x25-svg","_type":"reference"}},"templateCategoryTemplates":[{"imageCaption":"UML sequence diagrams are especially popular with software engineers. The standard notation makes it easy to visualize and share implementation details with other team members.","link":"https://whimsical.com/uml-sequence-diagram-Tmq3yfX8rgX65Vo9Dm5q5r","title":"UML sequence diagram","buttonText":"Create a sequence diagram","description":[{"children":[{"_type":"span","marks":[],"text":"Traditionally, sequence diagrams are used to illustrate how info flows from one entity to another. Learn how to create your own UML sequence diagram with this handy template.","_key":"d5c3cb2d28c20"}],"_type":"block","style":"normal","_key":"fd3de95af653","markDefs":[]}],"image":{"_type":"image","asset":{"_ref":"image-51c5162c84d5b9279de78d8c401b0d0de1ab7e47-1076x666-webp","_type":"reference"}}},{"image":{"_type":"image","asset":{"_ref":"image-3b939301221578ea9f9fed9442f7ba0acffecac8-992x560-webp","_type":"reference"}},"imageCaption":"Simply open Whimsical AI in a board and then add your prompt to the text box. It’s that simple. You also can paste Mermaid code directly onto a board to instantly create an editable sequence diagram.","link":"https://whimsical.com/ai","title":"Whimsical AI","buttonText":"Create a sequence diagram","description":[{"style":"normal","_key":"be504687d6be","markDefs":[],"children":[{"marks":[],"text":"Create a sequence diagram faster than it took you to read this sentence with Whimsical AI powered by ChatGPT.","_key":"dcc1ee71b6f40","_type":"span"}],"_type":"block"}]},{"link":"https://whimsical.com/how-to-make-a-sequence-diagram-C8dEyzSR6LFViGY2AACaPA","title":"How to create a sequence diagram","buttonText":"Create a sequence diagram","description":[{"_type":"block","style":"normal","_key":"c7c2c0ad45a8","markDefs":[],"children":[{"marks":[],"text":"Sequence diagrams are an essential diagram for any product or software team. Learn how to create a sequence diagram with this template and tutorial from the Whimsical team.","_key":"782469a624d60","_type":"span"}]}],"image":{"_type":"image","asset":{"_ref":"image-ae5b565a5a9b0c98e3b54bcf3f74cc1cd994eb2c-1076x666-webp","_type":"reference"}},"imageCaption":"To help you get started, this template explains exactly how you can create an effective sequence diagram with Whimsical. Each step includes tips on how you can improve the readability of your sequence diagram."}],"_id":"ad3d6be8-391f-48e5-a5bb-715d58ce9ed9","title":"Sequence diagrams","slug":{"current":"sequence-diagrams"},"icon":{"_type":"image","asset":{"_ref":"image-9471c3327154b49a22cf6fe9ea60f4706aaab015-25x25-svg","_type":"reference"}},"smallIcon":{"_type":"image","asset":{"_ref":"image-836caf93cc7bf07f5ca106bc4da7607b10eb18b6-16x16-svg","_type":"reference"}},"smallActiveIcon":{"asset":{"_ref":"image-2c68dae04636d900de8e016066892eda5d465300-16x16-svg","_type":"reference"},"_type":"image"},"templateCategoryGroup":{"_id":"97ac40d2-9116-44b4-9b40-b845dfeb9511"}}],"_id":"97ac40d2-9116-44b4-9b40-b845dfeb9511","orderRank":"0|10000o:","title":"Use cases","icon":{"_type":"image","asset":{"_type":"reference","_ref":"image-5f0fe1dd329daccfb5d5899ac7a699b723ccb1f8-25x25-svg"}},"activeIcon":{"_type":"image","asset":{"_ref":"image-5a8071ead1e52b00ba744a1a7f7eb8158e558c64-25x25-svg","_type":"reference"}}}]}],["$","main",null,{"className":"styles_wrapper__E2aZp","children":["$","div",null,{"className":"styles_inner__xylDR","children":[["$","div",null,{"className":"styles_pill__ZYPP4 styles_pill__hN5uz","children":"404 Error"}],["$","h1",null,{"className":"styles_hd__M41_T","children":["You look",["$","br",null,{}]," a bit lost"]}],["$","p",null,{"className":"styles_description__5NJ2B","children":"This page no longer exists, something was mistyped, or it was ghosts."}],["$","$L10",null,{"tag":"a","href":"/home","children":"Take me home"}]]}]}]]